/** * Swiper 4.4.6 * Most modern mobile touch slider and framework with hardware accelerated transitions * http://www.idangero.us/swiper/ * * Copyright 2014-2018 Vladimir Kharlampidi * * Released under the MIT License * * Released on: December 19, 2018 */ .swiper-container{margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-container-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("/SkinNew/images/next.svg");left:10px;right:auto}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("/SkinNew/images/next-black.svg");right:10px;left:auto}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("/SkinNew/images/next-white.svg")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("/SkinNew/images/prev.svg")}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("/SkinNew/images/prev-black.svg")}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("/SkinNew/images/prev-white.svg")}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s top,.2s -webkit-transform;transition:.2s top,.2s -webkit-transform;-o-transition:.2s transform,.2s top;transition:.2s transform,.2s top;transition:.2s transform,.2s top,.2s -webkit-transform}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s left,.2s -webkit-transform;transition:.2s left,.2s -webkit-transform;-o-transition:.2s transform,.2s left;transition:.2s transform,.2s left;transition:.2s transform,.2s left,.2s -webkit-transform}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s right,.2s -webkit-transform;transition:.2s right,.2s -webkit-transform;-o-transition:.2s transform,.2s right;transition:.2s transform,.2s right;transition:.2s transform,.2s right,.2s -webkit-transform}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-progressbar.swiper-pagination-white{background:rgba(255,255,255,.25)}.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)}.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:'';width:100%;height:100%;background-image:url("/SkinNew/images/preloader.svg");background-position:50%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("/SkinNew/images/preloader-white.svg")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px} button, input, select, textarea, a{outline:none;} .g-top-dome{ overflow:hidden; position:relative;margin:0px 15px 12px;border-bottom: 1px dashed #e2e2e2;} .g-top-dome b{display: block;top: 15px;position: absolute;font-family: serif;height: 125px;width: 30px;line-height: 125px;font-size: 30px;font-weight: bold;color: #999;text-align: center;background: #e6e6e6;cursor: pointer;position: absolute;} .g-top-dome b:hover{ color:#FF4939;} .g-top-dome b.g-scroll-left{ left:0;} .g-top-dome b.g-scroll-right{ right:0;} .g-top-dome ul li{ background:#f1f1f1; float:left; width:100px; height:125px;margin-left:10px;text-align: center;overflow: hidden; cursor:pointer;border-radius: 2px;} .g-top-dome li img {width: 80px;height: 80px;-webkit-border-radius: 14px;-moz-border-radius: 14px;border-radius: 14px;margin: 10px 0 5px 0;} .g-top-dome li strong{display:block;color: #666;width: 80px;text-align: center;overflow: hidden;height: 20px; font-weight:normal;margin: 0px auto; line-height:20px;} .g-top-dome ul li:hover strong{ color:#FF4939;} .g-top-dome .g-domelist{ overflow:hidden; margin:15px auto; height:125px;width: 1110px;} p.g-font-list{line-height:28px;height:28px;overflow: hidden;padding: 0px 15px 2px;margin-bottom: 10px;} p.g-font-list b {font-size: 18px; font-weight:normal;color: #444;float: left;width: 56px;display: inline;background: url(../images/nt-index2018.png) 40px 7px no-repeat;} p.g-font-list span a {padding: 0 12px;border-right: 1px solid #ddd;color: #444;} p.g-font-list span a:hover{color:#FF4939;} p.g-font-list span a:last-of-type{border: medium none;} /* ----- */ .g-width380{ width:380px;} .g-width260{ width:260px;} .g-banimg{ overflow:hidden; position:relative;} .g-banimg-ico{ position:absolute; bottom:13px; right:10px;z-index: 99;} .g-banimg-ico ul li{width: 12px; float:left;height: 12px;background-color: #E5E5E5;-webkit-border-radius: 50%;border-radius: 50%; margin-right:5px; cursor:pointer; text-indent:-99999px;} .g-banimg-ico ul li.m-hover{ background:#47b751;} .g-banimg-list{ width:380px; height:300px; overflow:hidden;} .g-banimg-list ul li{ position:relative; overflow:hidden; width:380px; height:300px;} .g-banimg-list ul li p{ position:absolute; bottom:0px; left:0px; width:100%; height:40px; line-height:40px;} .g-banimg-list ul li p strong{ color:#fff; font-weight:normal; padding-left:20px; width:270px; display:block; font-size:16px;white-space: nowrap;text-overflow: ellipsis; overflow:hidden;} .g-banimg-list ul li img{width:380px; height:300px;} .g-banimg-list ul li:hover p strong{color:#FF4939;} ul.g-five-list{padding-top:5px;} ul.g-five-list li{ height:70px;background-color: #fff;overflow:hidden; margin-top:10px; position:relative;box-shadow: 0px 0px 3px #ccc;} ul.g-five-list li a{ display:block;height:70px;} ul.g-five-list li i{float: left; display:block;margin:13px 12px auto 15px;} ul.g-five-list li i img{width: 48px;height: 48px;} ul.g-five-list li p{color: #39404c;height:18px;line-height: 18px;padding-top: 14px; overflow:hidden;font-size: 14px;font-weight: 400; width:290px;} ul.g-five-list li p font{ display:block; float:left; width:200px; overflow:hidden;} ul.g-five-list li span{font-size: 12px;color: #8d9ab2;font-weight: 400; float:right; display:block;} ul.g-five-list li strong{font-size: 12px;color: #8a8f99;overflow: hidden;height: 12px;line-height: 12px;padding-top:12px;font-weight:normal;display:block;float:left;width:290px;white-space:nowrap;text-overflow:ellipsis;} ul.g-five-list li:hover p{ color:#47b751;} ul.g-five-list li a.g-list-hover{ display:none; overflow:hidden;position: absolute;right: 0;top: 0;bottom: 0;width:82px;height: 70px;background: #47b751;font-size: 14px;line-height: 14px;color: #fff;text-align: center;} ul.g-five-list li a.g-list-hover i{height:26px;width: 26px; margin:10px auto 7px; display:block; float:none;} ul.g-five-list li a.g-list-hover font{ display:block;font-size: 14px;line-height: 14px;color: #fff;text-align: center;} ul.g-five-list li:hover a.g-list-hover{ display:block;} .g-latest-news{ overflow:hidden;width:530px; margin-left:15px; position:relative} .g-latest-news i.m-ico-news{ position:absolute; width:81px; height:81px; background:url(../images/nt-index2018.png) no-repeat -197px 0px;} .g-topnews{font-size: 14px;line-height: 24px;text-align: center;overflow: hidden;margin-top:20px;} .g-topnews h1{ width:450px; margin:0px auto; overflow:hidden; max-width: 400px; height: 30px; line-height: 30px;} .g-topnews h1 a {color: #ff3d3d;font-size: 22px;font-weight: bold;line-height: 30px; height:30px;} .g-topnews h1 a:hover{ text-decoration:underline;} .g-topnews p {height: 27px;color: #888;overflow: hidden; width:510px; margin:6px auto 0;line-height: 27px;} .g-topnews p a {font-size: 14px;color: #888;overflow: hidden; padding:0px 5px;} .g-topnews p a:hover{ color:#FF4939;} .g-ivtab{ overflow:hidden; padding:12px 20px 15px 19px;} .g-ivtab .g-ivtab-top{border-left: 1px solid #e2e2e2; overflow:hidden;} .g-ivtab .g-ivtab-bd .g-tab-con ul{ overflow:hidden; clear:both;} .g-ivtab .g-ivtab-top ul li{ display:block; float:left; border:1px solid #e2e2e2; border-left:0; width:97px; height:36px; font-size:14px; color:#565656; line-height:36px; text-align:center; cursor:pointer;} .g-ivtab .g-ivtab-top ul li.m-hover{color: #47b751;font-weight: bold;border-top: 2px solid #47b751;border-bottom: 0;background: #fff;line-height:34px;} .g-ivtab .g-ivtab-bd{ overflow:hidden;padding-top: 5px;} .g-ivtab .g-ivtab-bd .g-tab-con li {height: 22px;line-height: 22px;font-size: 14px;padding: 6px 0 0;margin-bottom: 6px;float: left;width: 100%;overflow: hidden;} .g-ivtab .g-ivtab-bd .g-tab-con li span{padding-right: 5px;color: #999; float:right;} .g-ivtab .g-ivtab-bd .g-tab-con li i.u-type {display: block;float: left;width: 73px;margin-right: 10px;line-height: 22px;text-align: right;overflow: hidden;position: relative; font-style:normal;} .g-ivtab .g-ivtab-bd .g-tab-con li i.u-type a {font-size: 14px;color: #999;} .g-ivtab .g-ivtab-bd .g-tab-con li p{float: left;width: 345px;overflow: hidden; height:22px;} .g-ivtab .g-ivtab-bd .g-tab-con li p img {display: inline-block;float: left;width: 22px;height: 22px;vertical-align: middle;margin-right: 8px;} .g-ivtab .g-ivtab-bd .g-tab-con li p a{ color:#333;} .g-ivtab .g-ivtab-bd .g-tab-con li a:hover{color:#FF4939;} .g-ivtab .g-ivtab-bd .g-tab-con li i.u-type a:hover{color:#FF4939;} .g-ivtab .g-ivtab-bd .g-tab-con p.u-dashed {border-top: 1px dashed #ddd;margin: 10px 0 0;height: 10px;padding: 0;overflow: hidden;} .g-ivtab .g-ivtab-bd .g-tab-con li.m-cen-sod{border-bottom: 1px dashed #ddd;overflow: hidden;margin-bottom: 9px;padding-bottom: 17px;} /* -- 鏈€杩戞洿鏂� end -- */ h4.g-tit-name {height: 45px;line-height: 45px;font-size: 16px;color: #333;position: relative;padding-left:30px;} h4.g-tit-name i{height: 25px;width: 6px;display: block;position: absolute;background: #47b751;top: 11px;left: 10px;} .g-tjzt-list{ padding:0px 10px; overflow:hidden;} .g-tjzt-list li a{display: block;line-height: 28px;cursor: pointer; height:28px; overflow:hidden; margin-top:9px;} .g-tjzt-list li a span{text-align: center;width: 42px;float: left;color: #47b751;border-width: 1px 0 1px 1px;border-style: solid;border-color: #ededed; height:26px; line-height:26px;} .g-tjzt-list li a p{background: url(../images/nt-index2018.png) -3px -342px no-repeat #edf1f3;margin-left: 42px;padding: 0 8px 0 12px;line-height:30px; height:28px; overflow:hidden;color: #4d4d4d;} .g-tjzt-list li a:hover p{color: #47b751;} .g-tjzq{ overflow:hidden; margin-top:6px;} .g-tjzq .g-title{ overflow:hidden;} .g-tjzq .g-dome-link{ overflow:hidden; padding-right:10px;} .g-tjzq .g-dome-link ul li{ float:left; color:#999; height:50px; line-height:50px;padding:0px 5px 0px 16px; cursor:pointer;} .g-tjzq .g-dome-link ul li.m-hover{ color:#47b751;} .g-tjzq .g-dome-link ul li:first-child{ background:none;} .g-tjzq-bd{ overflow:hidden;} .g-tjzq-con{ overflow:hidden;width: 249px;margin: 0px auto;} .g-tjzq-con ul li{float: left;width:67px;margin:0px 8px 13px 8px;text-align: center;} .g-tjzq-con ul li img {display: block;width: 67px;height: 67px;margin: 0 auto 2px;border-radius: 12px;} .g-tjzq-con ul li a p {width:65px;height:26px;line-height: 26px;text-align: center;border-radius: 3px;background: #fff;margin: 0 auto;overflow: hidden;color: #333;} .g-tjzq-con ul li a b{ display:none;width:35px;height:35px;padding: 16px;border-radius: 12px;background-color: #f60;color: #fff;font-size: 14px;font-weight: normal;text-align: center;margin: 0 auto 2px;} .g-tjzq-con ul li:hover a b{ display: block; } .g-tjzq-con ul li:hover img{ display: none; } .g-tjzq-con ul li:hover a p{ color:#f40;} /*-- 涓婚 涓撳尯--*/ .g-special{ overflow:hidden;} .g-head-title{ overflow:hidden; margin:0px 15px; border-bottom:2px solid #47b751;position:relative;} .g-head-title h4{font-size: 22px;font-weight: 700;line-height:50px;float: left; height:50px; overflow:hidden;} .g-head-title h4 span{font-size: 20px;font-weight: 700;color: #f0efef;margin-left: 14px;} span.u-more {cursor: pointer;width: 38px;height: 15px;display: inline;overflow: hidden;position:absolute; right:0px; top:22px;} span.u-more a{ display:block;width: 38px;height: 15px;} span.u-more:hover{} .g-head-title p{ overflow:hidden; height:50px; line-height:50px; padding-right:70px; width:850px;text-align: right;} .g-head-title p a{color: #999;padding: 0 12px;} .g-head-title p a:hover{color: #FF4939;} .g-special-dome{ overflow:hidden; position:relative; margin:15px;} .g-special-dome b{display: block;top: 0px;position: absolute;font-family: serif;height: 133px;width: 30px;line-height: 133px;font-size: 30px;font-weight: bold;color: #999;text-align: center;background: #e6e6e6;cursor: pointer;} .g-special-dome b.g-scroll-left{ left:0px;} .g-special-dome b.g-scroll-right{right:0px;} .g-special-dome b:hover{ color:#FF4939} .g-special-dome .g-special-cont{ overflow:hidden; margin:0px auto; height:133px; width:1100px;} .g-special-dome .g-special-cont ul li{width: 266px;height: 133px;float: left;margin: 0 4px 0 5px;display: inline;overflow: hidden;} .g-special-dome .g-special-cont ul li img {width:100%;height:100%;} .g-special-dome .g-special-cont ul li a {width: 100%;height: 133px;display: block;overflow: hidden;position: relative;zoom: 1;} .g-special-dome .g-special-cont ul li a strong{ width:100%; height:26px; line-height:26px; font-size:14px; font-weight:normal; color:#fff; text-shadow:1px 1px 2px #000; text-align:center; display:block; overflow:hidden; position:absolute; left:0; bottom:0; background:-moz-linear-gradient(top,rgba(255,255,255,0),rgba(0, 0, 0, 0.7)); background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0,rgba(255,255,255,0)), color-stop(1, rgba(0,0,0,0.7))); background: -ms-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(0,0,0,0.7) 100%); /*IE9+*/ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=0 );/*IE9-*/} .g-special-dome .g-special-cont ul li a:hover strong{color: #FF4939;} /*-- 涓撻绮鹃€� --*/ .g-spftware-cont{position:relative; padding:15px 15px 0px 15px;} .g-spftware-top{ position:absolute; overflow:hidden; top:-53px; left:260px;} .g-title-list ul li{float:left;overflow:hidden;padding-left: 28px;background: url(../images/nt-index2018.png) no-repeat -261px -150px; height:50px; line-height:50px;font-size: 18px;padding-right:10px; color:#333; cursor:pointer;} .g-title-list ul li:first-child{ background:none;} .g-title-list ul li.m-hover{ color:#47b751} .g-spftware-bd{width:860px; height:456px;} .g-spftware-list{ position:relative;width:860px} span.u-title-more{ top:-44px; right:-310px;} ul.m-spftware-list li {width: 195px;padding:0 20px 8px 0px;height: 220px;float: left;} ul.m-spftware-list li:hover span{ background:#47b751; color:#fff;} ul.m-spftware-list li span {display: block;width: 195px;line-height: 40px;background-color: #f6f6f6;text-align: center;margin-bottom: 5px; font-size:16px;color: #666;} ul.m-spftware-list li p a {height: 34px;line-height: 34px;display: block;margin-left: 7px;overflow: hidden;color: #666666;} ul.m-spftware-list li p a img {width: 24px;height: 24px;margin-right: 8px;border-radius: 3px;vertical-align: middle;} ul.m-spftware-list li p a:hover{color: #FF4939;} ul.m-spftware-rank{ overflow:hidden; width:310px;} p.m-r-title {font-size: 22px;line-height:30px;height:30px;overflow: hidden;padding-left: 28px;letter-spacing: 2px; font-weight:bold;color: #333;background: url(../images/nt-index2018.png) no-repeat -262px -113px; margin-top:7px;} p.m-r-title font{ color:#47b751;font-size: 22px;} ul.m-spftware-rank li{padding-top: 16px; overflow:hidden; height:24px; line-height:24px;} ul.m-spftware-rank li i{background: #c7c7c7;border-radius: 2px;-webkit-border-radius: 2px;text-align: center;color: #fff;font-size: 14px;margin-right: 5px; display:block; font-style:normal;width: 20px; height: 20px;line-height: 20px;margin-right: 10px;margin-top: 2px;float: left;} ul.m-spftware-rank li a{ color:#333;display: block;width: 260px;height: 24px;line-height: 24px;overflow: hidden;float: left;white-space: nowrap;text-overflow: ellipsis;} ul.m-spftware-rank li a:hover{color: #FF4939;} li.one i{background: #ff6b66 !important;} li.two i{background: #ff8652 !important;} li.three i{background: #ffa742 !important;} /*-- 杞欢蹇呭 --*/ .g-android{ overflow:hidden;} .g-android-cont{ position:relative;} .g-android-top{ overflow:hidden; position: absolute;top: -53px;left: 260px;} .g-android-bd{padding:0px 15px 0px 15px;} .g-android-list{} .g-android-list p.u-title-link{ width:630px; overflow:hidden; height:50px; line-height:50px;position: absolute;top: -52px;left: 510px;} .g-android-list p.u-title-link a{color: #999;padding: 0 12px;} .g-android-list p.u-title-link a:hover {color: #FF4939;} .g-android-list span.u-more{top: -30px;right: 15px;} .g-android-list .g-android-list{ width:860px; overflow:hidden;padding-bottom: 20px;} .g-android-list .g-android-rank{ width:310px; overflow:hidden;padding-top: 15px;} .g-android-list .g-android-list li {width: 90px;padding:30px 38px 0px 15px;float: left;text-align: center;} .g-android-list .g-android-list li img {width: 75px;height: 75px;margin: 0 auto 5px auto;border-radius: 12px;} .g-android-list .g-android-list li p {color: #444;height: 22px;line-height: 22px;overflow: hidden;} .g-android-list .g-android-list li strong{font-size: 12px;color: #999; font-weight:normal;} .g-android-list .g-android-list li:hover p{color: #FF4939;} ul.g-android-rank{ overflow:hidden;} ul.g-android-rank li{padding-top: 15px; overflow:hidden;} ul.g-android-rank li i{background: #c7c7c7;border-radius: 2px;-webkit-border-radius: 2px;text-align: center;color: #fff;font-size: 14px;margin-right: 5px;display: block;font-style: normal;width: 20px;height: 20px;line-height: 20px;margin-right: 10px;margin-top: 2px;float: left;} ul.g-android-rank li a{ color:#333;} ul.g-android-rank li a:hover{color: #FF4939;} ul.g-android-rank li .u-info{display: none;padding-top: 12px;margin-left: 30px; overflow:auto;} ul.g-android-rank .u-info p{ float:left; overflow:hidden; margin:4px 0px 18px 0px} ul.g-android-rank .u-info img{ float:left;margin-right: 10px; width:68px; height:68px;border-radius: 12px;} ul.g-android-rank .u-info a{border-radius: 2px;width: 85px;height:24px;line-height: 24px;text-align: center;display: block;border: 1px solid #47b751; float:left; color:#47b751;} ul.g-android-rank .u-info p span img{ height:14px; width:78px;} ul.g-android-rank .u-info p span { float:left; display:block; height:14px; line-height:14px; padding-right:3px;color: #999;} ul.g-android-rank .u-info a:hover{ background:#47b751; color:#fff;} ul.g-android-rank li.m-hover .u-info{ display:block;} ul.g-android-rank li a.r-name{ overflow:hidden; height:24px; line-height:24px; display:block;white-space: nowrap;text-overflow: ellipsis;} ul.g-android-rank li.m-hover a.r-name{ color:#333;font-weight: 700; font-size:16px;} /*-- 鑻规灉瀹夊崜蹇呭 --*/ .g-Personality{ overflow:hidden;margin: 15px 0px 15px 15px;} ul.m-qqgxbig{ overflow:hidden; width:234px; margin-right:4px;} ul.m-qqgxbig li{ float:left; overflow:hidden; width:234px; height:340px; position:relative;} ul.m-qqgxbig li img{width:234px; height:340px;} ul.u-gx-hover li a.m-hover{ overflow:hidden;width:234px; height:341px; position:absolute;left: 0;top: 100%;-webkit-transition: top .4s;-moz-transition: top .4s;-ms-transition: top .4s;-o-transition: top .4s;transition: top .4s;} ul.u-gx-hover li:hover a.m-hover{ top:0px; left:0px;} ul.u-gx-hover li a.m-hover strong{ color:#fff; line-height:26px; overflow:hidden; padding:20px; font-weight:normal;display: block;max-height: 208px;margin-top: 20px;text-align: center;} ul.m-qqgxss{ width:230px; overflow:hidden;} ul.m-qqgxss li.m_pzp1{ overflow:hidden; width:226px; height:226px; position:relative; margin-bottom:4px;} ul.m-qqgxss li.m_pzp1 img{width:226px; height:226px;} ul.m-qqgxss li.m_pzp1 a.m-hover{width:226px; height:226px;} ul.m-qqgxss .m_pzp1:hover a.m-hover{ top:0px; left:0px;} ul.m-qqgxss li.m_pzp1 a.m-hover strong{ max-height:104px;} ul.m-qqgxss li.m-pzp1 ,ul.m-qqgxss li.m-pzp4{ float:left; overflow:hidden; width:226px; height:226px; margin-right:4px; position:relative;} ul.m-qqgxss li.m-pzp2 ,ul.m-qqgxss li.m-pzp3 ,ul.m-qqgxss li.m-pzp5 ,ul.m-qqgxss li.m-pzp6{ float:left; overflow:hidden; width:110px; height:110px; margin-right:4px; position:relative;} ul.m-qqgxss li.m-pzp2 a.m-hover ,ul.m-qqgxss li.m-pzp3 a.m-hover ,ul.m-qqgxss li.m-pzp5 a.m-hover ,ul.m-qqgxss li.m-pzp6 a.m-hover{width:90px; height:90px; padding:10px;} ul.m-qqgxss .m-pzp2:hover a.m-hover ,ul.m-qqgxss .m-pzp3:hover a.m-hover ,ul.m-qqgxss .m-pzp5:hover a.m-hover ,ul.m-qqgxss .m-pzp6:hover a.m-hover{ top:0px; left:0px;} ul.m-qqgxss .m-pzp2 a.m-hover strong ,ul.m-qqgxss .m-pzp3 a.m-hover strong ,ul.m-qqgxss .m-pzp5 a.m-hover strong ,ul.m-qqgxss .m-pzp6 a.m-hover strong{ padding:0px; margin:10px 0 0 0; line-height:24px; max-height:72px; overflow:hidden;} ul.m-qqgxss .m-pzp2 ,ul.m-qqgxss .m-pzp3 ,ul.m-qqgxss .m-pzp5 ,ul.m-qqgxss .m-pzp6{ margin-top:4px;} /*-- QQ涓€� --*/ .g-article{ position:relative;} .g-article-top{ position: absolute;overflow: hidden;top: -53px;left: 260px;} .g-article-bd{margin:0px 15px;padding-bottom: 15px;} .g-article-bd .g-article-list{ position:relative;} .g-article-bd .g-article-list span.u-more{ top:-30px; right:0px;} .g-article-img{ overflow:hidden; width:300px;} .g-article-img li{ width:300px; height:200px; position:relative; overflow:hidden; margin-top:15px;} .g-article-img li img{ width:300px; height:200px;-webkit-transition: .2s linear;-moz-transition: .2s linear;transition: .2s linear;} .g-article-img li strong{ position:absolute; bottom:0px; width:280px; padding:0px 10px; font-weight:normal; height:32px; line-height:32px; overflow:hidden; color:#fff;left:0px;} .g-article-img li a:hover img{-webkit-transform: scale(1.05);-moz-transform: scale(1.05);transform: scale(1.05);} .g-article-img li a:hover strong{color: #FF4939;} .g-article-li{ overflow:hidden; width:515px; margin:20px 20px 0px 20px;} .g-article-li a.u-first-title{ overflow:hidden;display: block;padding-bottom: 15px;border-bottom: 1px dotted #ededed;} .g-article-li a.u-first-title p{text-align: center;margin-bottom: 10px;font-weight: 700;font-size: 18px; color:#333;} .g-article-li a.u-first-title span{color: #999;font-size: 12px;line-height: 22px;height: 44px; display:block;overflow: hidden;} .g-article-li a.u-first-title:hover p{ color:#FF4939} .g-article-li li{line-height: 24px;height: 24px;overflow: hidden;margin-top:11px;} .g-article-li li span{ float:right;color: #999;} .g-article-li li i{ display:block; float:left; width:5px; height:5px; background:#ededed;border-radius:50%;-webkit-border-radius:50%;margin-top: 9px;} .g-article-li li a{color: #333; display:block; float:left; padding-left:8px; width:435px;white-space: nowrap;text-overflow: ellipsis; height:24px; line-height:24px; overflow:hidden;} .g-article-li li a:hover{color: #FF4939;} ul.m-article-rank{ padding-top:15px;} ul.m-article-rank li{padding-top: 13.5px;} /*-- 璧勮鏁欑▼end --*/ .g-head-title p.u-msg{ color:#666; padding:0px 0px 0px 60px} .links-click{ padding-top:11px;} .links-click a {cursor: pointer;display: inline-block;width: 24px;height: 22px;margin: 2px 5px;background: url(../images/nt-index2018.png) no-repeat -207px -321px;border: 1px solid #e2e2e2;overflow: hidden;} .links-click a.r-bottom{ background-position:-243px -321px } .links-click a.r-bottom:hover{background-position:-243px -343px} .links-click a.r-top:hover{background-position:-207px -343px} #links-box {position: relative;left: 0;top: 0;} .u-fbox {position: relative;margin: 12px 15px 12px 20px;height: auto;overflow: hidden;} /*.u-idx-fbox {height:36px;}*/ .u-fbox ul li{display: inline;} .u-fbox ul li a {line-height:34px;color: #666;margin-right: 17px;} .u-fbox ul li a:hover{color: #FF4939;} /*-- 鍙嬫儏閾炬帴end --*/ .f-gotoBox{overflow:hidden;width:50px;height: auto;position: fixed;top:300px;left: 50%;cursor: pointer;margin-left: 630px;z-index:9900; display:none;} .f-gotoBox a, .f-gotoBox i{display: block;line-height:50px;height: 50px;width:50px;font-style: normal;text-align: center;background: #fff; margin-bottom:8px; color:#444;border-radius:2px;} .f-gotoBox i{background: #fff url(../images/nt-index2018.png) no-repeat 9px -186px;} .f-gotoBox a:hover{ background:#47b751; color:#fff;} .f-gotoBox i:hover{background: #47b751 url(../images/nt-index2018.png) no-repeat 9px -246px;} .f-gotoBox a.m-hover{background:#47b751; color:#fff;} .u-block{ display:block !important;} /*-- 鍙充晶鎮诞 end --*/ /**最新合集**/ .hlyx_zxhj_list{ padding-top: 5px; } .hlyx_zxhj_list li{ float: left; width: 200px; height: 18px; line-height: 18px; overflow: hidden; margin: 15px 0 0 40px; } /* .hlyx_zxhj_list li.one{ margin-left: 0; } */ .hlyx_zxhj_list li a:before{ content: ''; display: block; float: left; width: 8px; height: 8px; border-radius: 2px; background: #CCC; margin: 5px 12px 0 0; } .hlyx_zxhj_list li a:hover:before{ background: #ff5f6c; } .search { float: left; width: 270px; margin: 22px 0 0 0px; } .search form { background: #f9a019; height: 42px; position: relative; } #keywords { width: 200px; height: 34px; line-height: 30px; position: absolute; top: 4px; left: 5px; border: 0 none; background: #fff; padding-left: 5px; } #btnSearch { width: 60px; cursor: pointer; color: #fff; background: none; border: 0 none; height: 42px; position: absolute; top: 0; right: 0; font-size: 16px; } .soso { width: 380px; margin: 23px 0px 0 470px; } .soso #keywords { width: 295px; } .soso #btnSearch { width: 80px; text-align: centerr; } .nav { background: #3fb118; height: 45px; line-height: 45px; position: relative; } .nav ul { width: 1200px; margin: 0 auto; position: relative; } .nav li { float: left; font-size: 14px; width: 95px; text-align: center; padding: 0 5px; } .nav li.cur { background: #05cbd7 } .nav li:hover { background: #289613; } .nav li a { color: #fff; } .icon_more { float: right; width: 8px; height: 4px; margin: 22px 3px 0 0; background: url(/SkinNew/images/head_more.png) no-repeat; } .nav li.on .icon_more { background-position: -15px 0; } .m_nav { position: absolute; background: rgba(0, 0, 0, 0.9); z-index: 2; width: 1200px; left: 0; top: 45px; display: none; height: 50px; line-height: 50px; } .m_nav a { display: inline !important; font-size: 14px; padding: 0 10px; } .m_nav a:hover { color: #f60; } .i_QRcode { float: right; margin: 16px 0 0 0; position: relative; } .i_img { width: 50px; cursor: pointer; padding: 2px; transition: ease-out 0.2s; -moz-transition: ease-out 0.2s; -webkit-transition: ease-out 0.2s; -o-transition: ease-out 0.2s; } .i_img:hover { transform: rotate(360deg); -webkit-transform: rotate(360deg); } .d_QRcode { position: absolute; left: -170px; padding: 10px 10px 8px; background: #fff; border: 1px solid #777; z-index: 9999; display: none; } .d_QRcode img { width: 144px; } .d_QRcode p { text-align: center; font-size: 12px; width: 144px; } .gl_img { width: 190px; height: 130px; float: left; overflow: hidden; } .lb_img { width: 660px; height: 410px; overflow: hidden; } center { background-color: white; } .wrapbox { width: 100%; overflow: hidden; background-color: white; } .soft_cate { width: 1180px; border: 1px solid #ddd; margin-top: 15px; } .soft_cate .title { height: 31px; line-height: 31px; /*background:url(//img.hackhome.com/images/titlebg-gray.gif) 0 0 repeat-x;*/ font-size: 14px; text-indent: 8px; font-weight: normal; } .soft_cate .bd { padding: 10px 0; } .soft_cate dl { float: left; width: 500px; margin-left: 70px; border: 1px solid #D9F3DB; padding: 5px; margin-bottom: 10px; } .soft_cate dl dt { float: left; width: 30px; font-size: 14px; font-weight: bold; text-align: left; padding: 30px 5px 0px 5px; height: 75px; margin-right: 5px; border-right: 1px solid #D9F3DB; color: #38AA41 } .soft_cate dl dd { float: left; width: 105px; text-align: center; } .head-nav { float: left; } .head-nav a, .head-nav a:visited { display: inline-block; float: left; text-align: center; padding: 0 10px; width: 60px; margin-right: 35px; color: #777; } .head-nav i { display: block; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; width: 35px; height: 35px; margin: 10px auto; cursor: pointer } #djyx_ico { background: url(/SkinNew/images/djyx_pg.png) no-repeat; } #wlyx_ico { background: url(/SkinNew/images/wlyx_pg.png) no-repeat; } #yxyg_ico { background: url(/SkinNew/images/yxyg_pg.png) no-repeat; } #yxpc_ico { background: url(/SkinNew/images/yxpc_pg.png) no-repeat; } #zjbb_ico { background: url(/SkinNew/images/zjbb_pg.png) no-repeat; } .head-nav .n-fahao { background-position: -138px 0 } .head-nav .n-kf { background-position: -172px 0 } .head-nav .n-pic { background-position: -206px 0 } .head-nav .n-video { background-position: -238px 0; margin-right: 0 } .head-nav a:hover i { -webkit-transform: scale(1.3); transform: scale(1.3); } .head-nav a:hover { color: #f75 } .menu { height: 48px; color: #fff; clear: both; background: #3db73d; position: relative; z-index: 97; } #menu li { float: left; } #menu li div { display: none; position: absolute; top: 48px; background-color: rgba(0, 0, 0, 0.9); *background: black !important; *background: 0088cc; } #menu a.mc { padding: 0 24px; display: block; float: left; line-height: 48px; height: 48px; color: #fff; font-size: 18px; position: relative; } #menu a.mc:hover, #menu .one a.mc, #menu .one a.mc:visited, #menu a.curr, #menu a.curr:visited { background: #207dc0; } #menu .one { float: left; width: 54px; padding-right: 10px; position: relative; } #menu .one a.mc { height: 48px; widtH: 54px; padding: 0; } #menu .one i { display: block; width: 18px; height: 14px; /*background:url(/SkinNew/images/m.png) no-repeat -274px 0;*/ margin: 18px 0 0 17px; } #menu a.mov, #menu a.mov:visited, #menu a.mov:hover, #menu .one a.mov, #menu .one a.mov:visited { background: #207dc0; } #menu .one-box { width: 200px; height: 340px; left: 0; } .one-box dd { float: left; widtH: 200px; border-bottom: 1px solid #2E2E2E; padding: 12px 0; clear: both; } .one-box dd a, .one-box dd a:visited { float: left; display: inline-block; width: 100px; text-align: center; line-height: 38px; height: 38px; overflow: hidden; font-size: 14px; font-weight: bold; color: #d9d9d9 } .one-box dd a:hover, .m-sub p a:hover { color: #f60 } .one-box .gz { border: 0; } .one-box .gz p { color: #A4A4A4; line-height: 24px; text-align: center; padding-bottom: 10px } .one-box .gz-ico a, .one-box .gz-ico a:visited, .gz-ico a, .gz-ico a:visited { float: left; display: block; /*background:url(/SkinNew/images/m.png) no-repeat 0 -36px;*/ width: 38px; line-height: 114px; height: 38px; overflow: hidden; margin-left: 21px; } .gz-ico a.g-tqq, .gz-ico a.g-tqq:visited { background-position: -39px -36px } .gz-ico a.g-weixin, .gz-ico a.g-weixin:visited { background-position: -78px -36px } .m-sub { width: 100%; height: auto; line-height: 58px; left: 0; box-shadow: 0 1px 6px rgba(0, 0, 0, 0.6); } .m-sub p { text-align: center; font-size: 14px } .m-sub p a, .m-sub p a:visited { color: #d9d9d9; margin: 0 12px } #menu .m-sub p a.curr { color: #f60; background: none; } .m-down { float: right; width: 114px; } .m-down i { display: inline-block; width: 11px; height: 16px; /*background:url(/SkinNew/images/m.png) no-repeat -120px -36px;*/ vertical-align: middle; margin-right: 10px } .m-down a, .m-down a:visited { display: block; height: 48px; line-height: 48px; background: #2A466E; color: #fff; font-size: 14px; text-align: center } .m-down a:hover { background: #207dc0; } .qcur a, .qcur a:visited { display: block; height: 48px; line-height: 48px; background: #2A466E; color: #fff; font-size: 14px; text-align: center } .qcur a:hover { background: #207dc0; } .footer { text-align: center; line-height: 30px; margin: 10px auto 0; background: #1e1e1e; color: #fff; padding: 30px 0; } .footer a { color: #ddd; } .footer a:hover { text-decoration: underline; } /* back-top */ #gotop { position: fixed; right: 20px; bottom: 230px; display: none; z-index: 999999; } *html #gotop { position: absolute; _top: expression(documentElement.scrollBottom + 160 + "px"); } #gotop a { width: 50px; height: 50px; display: block; overflow: hidden; text-indent: -999px; border-radius: 50px } #gotop a:hover { background-position: -50px 0; background-color: #FF8018; } /*头尾结束*/ #main { height: auto } .banner { margin-top: 24px; clear: both; } .banner .adl { float: left; width: 960px; } .banner .adr { float: right; width: 230px; } .top-line, .gametop, .newbox, .good-netgame, .gamebox, .link, .boxbg { margin-top: 24px; background: #fff; padding: 20px; } /* 首页 */ .gametop { height: 240px; margin: 0px; padding: 0 0 0 20px; } .gametop .game-pic { height: 129px; position: relative; border-bottom: 1px solid #E8E8E8; overflow: hidden } .gametop .game-pic ul { zoom: 1; overflow: hidden; height: 114px; } .gametop .game-pic li { position: relative; float: left; width: 90px; padding: 0 34px 0 0; } .gametop .game-pic li img, .gameside li img { position: relative; width: 90px; heighT: 90px; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; } .gametop .game-pic li em { width: 90px; height: 90px; position: absolute; top: 0; left: 0; } .gametop .game-pic li span { display: block; line-height: 34px; height: 34px; text-align: center; overflow: hidden } .gametop .game-pic li.last { float: right; margin: 0; } .gametop a.next, .gametop a.next:visited { position: absolute; top: 0px; right: 0; display: block; height: 98px; border: 1px solid #E9E9E9; background: #F7F7F7; color: #7A7A7A; width: 20px; text-align: center; padding: 14px 6px 0; line-height: 18px; } .gametop .next i { display: block; width: 14px; height: 14px; /*background:url(/SkinNew/images/m.png) no-repeat -120px -60px;*/ margin: 0 3px 10px } .gametop a.next:hover { background: #222; border: 1px solid #222; border-radius: 3px; color: #fff } .gametop .game-pic li a:hover img { -webkit-transform: scale(0.98); transform: scale(0.98); } .gametop .game-list { clear: both; height: 126px; padding-top: 4px } .gametop .game-list li { float: left; widtH: 100%; line-height: 28px; height: 28px; padding: 14px 0 0; color: #3D4552; clear: both; overflow: hidden } .gametop .game-list span { float: left; background: #FF7673; display: inline-block; height: 28px; line-height: 28px; text-align: center; position: relative; color: #fff; width: 70px; border-radius: 3px; } .gametop .game-list span em { border-width: 4px 0 4px 5px; border-color: transparent transparent transparent #FF7673; top: 10px; right: -5px; } .gametop .game-list span.srhj em { border-width: 4px 0 4px 5px; border-color: transparent transparent transparent #e4d422; top: 10px; right: -5px; } .gametop .game-list span.syhj em { border-width: 4px 0 4px 5px; border-color: transparent transparent transparent #3db73d; top: 10px; right: -5px; } .gametop .game-list .hot { background: #5FB343 } .gametop .game-list .hot em { border-left: 5px solid #5FB343; } .gametop .game-list .wy { background: #15A395 } .gametop .game-list .srhj { background: #e4d422 } .gametop .game-list .syhj { background: #3db73d } .gametop .game-list .wy em { border-left: 5px solid #15A395; } .gametop .game-list li p { float: right; width: 1066px; padding-right: 15px; } .gametop .game-list li p a { margin-left: 14px; } .top-line { height: 410px; overflow: hidden; } .top-line .col { width: 660px; float: left; } .focusBox { height: 300px; position: relative; } .focusBox .pic li a { width: 660px; height: 410px; display: block; } .focusBox .pic img { width: 700px; height: auto; display: block; } .focusBox .txt-bg { position: absolute; bottom: 0; z-index: 1; height: 40px; width: 100%; background: #000; filter: alpha(opacity=50); opacity: 0.5; overflow: hidden; } .focusBox .txt { position: absolute; bottom: 0; z-index: 2; height: 36px; width: 100%; overflow: hidden; } .focusBox .txt li { height: 36px; line-height: 36px; position: absolute; bottom: -36px; overflow: hidden } .focusBox .txt li a { display: block; color: #fff; padding: 0 0 0 10px; font-size: 16px; font-weight: bold; text-decoration: none; } .focusBox .txt li a:hover { color: #ddd } .focusBox .num { position: absolute; z-index: 3; bottom: 12px; right: 8px; } .focusBox .num li { float: left; display: inline-block; _display: inline; _zoom: 1; width: 16px; line-height: 48px; height: 16px; text-align: center; margin: 0 4px; cursor: pointer; color: #fff; /*background:url(/SkinNew/images/m.png) no-repeat -156px -32px;*/ overflow: hidden } .focusBox .num .on { background-position: -140px -32px } .focusBox .prev, .focusBox .next { width: 46px; height: 84px; display: block; /*background: url(/SkinNew/images/m.png) no-repeat -81px -81px;*/ position: absolute; top: 100px; z-index: 10; cursor: pointer; } .focusBox .prev, .focusBox .next, .newbox dt i, .video-list li i { filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; } .focusBox .prev { left: 0px; } .focusBox .next { background-position: -127px -81px; right: 0px; } .focusBox .next:hover, .focusBox .prev:hover, .game-rec a:hover span, .newbox dt a:hover i, .video-list li a:hover i { filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; } .top-pic { margin-top: 14px; height: 100px } .top-pic li { float: left; margin-left: 15px; _display: inline; } .top-pic li, .top-pic li img { width: 210px; height: 100px; } .top-pic li.fast { margin-left: 0; } .top-new { float: right; width: 450px; margin-top: -5px; } .top-new h2 { line-height: 38px; height: 38px; overflow: hidden; font-size: 24px; font-weight: bold; } .top-new h2 a, .topnew h2 a:visited, .top-line p a, .topnew p a:visited { color: #1aabc0; } .top-new p { padding: 6px 0 10px; line-height: 26px; height: 40px; overflow: hidden; color: #ACACAC } .top-new ul { padding-top: 5px } .top-new li, .newbox dd { line-heighT: 40px; heighT: 40px; font-size: 16px; overflow: hidden; } .top-new li em { padding-right: 10px; font-style: normal } .top-new li a { color: #323232 } .top-new li em a { color: #1aabc0 } .top-new li span { color: #B2B2B2; float: right; font-size: 14px; } .newbox { padding: 0; } .newbox .box, .newbox .boxs { float: left; width: 350px; height: 356px; padding: 0 21px 21px; border-left: 1px solid #ECECEC } .newbox .boxs { border-top: 1px solid #ECECEC } .newbox .xian { border: 0; border-top: 1px solid #ECECEC } .newbox .title { line-height: 70px; height: 70px; } .newbox .title h3 { float: left; font-size: 24px; font-weight: bold; } .newbox .title a { color: #1aabc0 } .newbox .title a.more, .btitle a.more { float: right; color: #333 } .newbox dt { width: 350px; height: 160px; overflow: hidden; position: relative; margin-bottom: 6px } .newbox dt img { widtH: 350px; height: 160px } .newbox dt i, .newbox dt em, .video-list li i, .video-list li b { display: block; width: 100%; line-height: 40px; height: 40px; font-size: 16px; position: absolute; bottom: 0; font-style: normal; left: 0; } .newbox dt i, .good-netgame li i, .game-rec li i, .video-list li i, .syzt li i { background: #000 } .newbox dt em, .video-list li b { text-indent: 10px; color: #fff; width: 345px; overflow: hidden; } .newbox dt a:hover i, .video-list li a:hover i { background: #1aabc0 } .newbox dd { padding-left: 16px; background: url(/SkinNew/images/g.gif) no-repeat 0 -155px } .btitle { height: 50px; border-bottom: 1px solid #E5E5E5; line-height: 36px; } .btitle h3, .btitle h4 { float: left; font-size: 24px; height: 50px; line-height: 36px; font-weight: bold; color: #1aabc0; border-bottom: 1px solid #1aabc0; } .btitle h3 a, .btitle h4 a { color: #1aabc0 } .btitle h3.ios { background-position: 0 -51px } .btitle h3.v { background-position: 0 -153px } .btitle h3.soft { background-position: 0 -204px } .btitle h4 { padding: 0 10px 0 0; background: none } .btitle p { float: left; line-height: 36px } .btitle p a, .btitle p a:visited { margin-left: 20px; } .nexttab { float: right; width: 98px; } .nexttab .prev, .nexttab .next { float: left; margin-left: 10px; width: 39px; height: 39px; display: inline-block; /*background: url(/SkinNew/images/m.png) no-repeat 0 -81px;*/ cursor: pointer; } .nexttab .next { background-position: -39px -81px; } .good-netgame .bd { width: 1140px; overflow: hidden; padding-top: 20px } .good-netgame ul { zoom: 1; overflow: hidden; } .good-netgame li { float: left; width: 210px; height: 260px; position: relative; margin: 0 22px 0 0 } .good-netgame li img { widtH: 210px; height: 260px; } .good-netgame li i, .good-netgame li em, .good-netgame li s { display: block; font-style: normal; text-decoration: none; position: absolute; bottom: 0; widtH: 210px; height: 42px; line-height: 42px; left: 0; } .good-netgame li i, .nexttab a:hover, .game-rec li i, .syzt li i { filter: alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; } .good-netgame li em, .game-rec li b { font-size: 16px; widtH: 166px; overflow: hidden; text-indent: 20px } .good-netgame li s { width: 44px; text-align: center; background: #141414; font-weight: bold; left: auto; right: 0; } .good-netgame li a { color: #fff } .gamebox { height: 100%; overflow: hidden } .gamebox .col { float: left; width: 834px; overflow: hidden } .gamebox .hot { float: right; widtH: 270px } .gameitem { margin-right: -34px; overflow: hidden; width: 868px; } .gameitem li { position: relative; float: left; width: 90px; text-align: center; margin-right: 34px; height: 126px } .gameitem li img { position: relative; width: 90px; height: 90px; border-radius: 10px; } .gameitem li em { width: 90px; height: 90px; position: absolute; top: 0; left: 0; } .gameitem li span { display: block; line-height: 32px; heighT: 32px; overflow: hidden } .gameitem li i { font-size: 12px; display: block; line-height: 20px; color: #888; font-style: normal } .m-bd .gameitem li { position: relative; width: 90px; margin: 5px 0 0 28px; height: 134px; overflow: hidden; } .m-bd .gameitem li img { position: relative; widtH: 90px; height: 90px; } .m-bd .gameitem li em { width: 90px; height: 90px; position: absolute; top: 0; left: 0; } .m-bd .gameitem li span { line-height: 24px; height: 24px; padding-top: 6px; white-space: nowrap; text-overflow: ellipsis; } .game-rec ul { padding: 20px 0; height: 160px } .game-rec li { float: left; width: 260px; height: 160px; margin-left: 27px; position: relative; _display: inline; } .game-rec .fast { margin-left: 0; } .game-rec li img { width: 260px; height: 160px; } .game-rec li i, .game-rec li b, .game-rec li em, .game-rec li u, .game-rec li p { display: block; font-style: normal; text-decoration: none; position: absolute; bottom: 0; width: 260px; height: 36px; line-height: 36px; color: #fff; left: 0; } .game-rec li p { display: none } .game-rec li b { font-weight: normal } .game-rec li u { left: 88px; bottom: 20px; display: none } .game-rec li em { background: none; width: 48px; left: 212px; text-align: center; font-size: 20px } .game-rec a:hover p { line-height: 26px; width: 210px; height: 52px; padding: 52px 16px 48px; widtH: 220px; display: block; border: 4px solid #3db73d; overflow: hidden; cursor: pointer } .game-rec a:hover i { height: 160px } .game-rec a:hover b { font-size: 22px; font-weight: bold; top: 20px; text-align: center; text-indent: 0; } .game-rec a:hover u { display: block } .game-rec a:hover em { left: 120px; bottom: 20px; font-size: 24px; font-weight: bold; } .game-rec a:hover { text-decoration: none } .hothd { height: 40px; } .hothd li { float: left; width: 106px; line-height: 36px; height: 36px; position: relative; background: #555; color: #fff; text-align: center; margin-right: 10px; cursor: pointer; border-radius: 5px; } .hothd li.on i { border-color: #3db73d transparent transparent; position: absolute; left: 50px; top: 36px } .hothd li.on { background: #3db73d; border-radius: 5px; } .hot-list li, .hot-v li { float: left; width: 265px; height: 20px; line-height: 23px; padding: 10px 0 10px 6px; border-bottom: 1px dotted #eee; overflow: hidden; } .hot-list li i.n1, .hot-list li i.n2, .hot-list li i.n3, .hot-list li i.n4, .hot-list li i.n5, .hot-list li i.n6, .hot-list li i.n7, .hot-list li i.n8, .hot-list li i.n9, .hot-list li i.n10, .hot-list li i.n11, .hot-v li i { float: left; width: 20px; line-height: 20px; height: 20px; background: #A2A39E; display: block; margin-right: 10px; font-style: normal; color: #fff; font-weight: bold; text-align: center; font-size: 12px; font-weight: normal } .hot-list li i.n1, .hot-v li i.n1 { background: #FF7673 } .hot-list li i.n2, .hot-v li i.n2 { background: #FC7E03 } .hot-list li i.n3, .hot-v li i.n3 { background: #FFAC3C } .hot-list li a.img { position: relative; display: none } .hot-list li .bg { width: 90px; height: 90px; position: absolute; top: 0; left: 0; } .hot-list li p, .hot-v li p { width: 180px; float: left; font-size: 14px; line-height: 20px; height: 20px; overflow: hidden; } .hot-list li p a { color: #555 } .hot-list li s { float: right; color: #888; text-decoration: none; font-size: 12px; } .hot-list li span, .hot-list li em { display: none; position: absolute; top: 32px; left: 136px; color: #ccc } .hot-list li.on { height: 90px; position: relative } .hot-list li.on i { height: 90px } .hot-list li.on a.img { float: left; width: 90px; height: 90px; display: block } .hot-list li.on img { width: 90px; height: 90px } .hot-list li.on p { width: 130px; font-size: 15px; padding-left: 10px; } .hot-list li.on p a { color: #1b1b1b } .hot-list li.on em, .hot-list li.on span { display: block; font-size: 12px } .hot-list li.on s { display: none } .hot-list li.on em { top: 65px; } .hot-list li.on em a { display: block; width: 56px; background: #3db73d; color: #fff; height: 25px; line-height: 25px; text-align: center; font-style: normal; padding: 0; border-radius: 4px; } .hot-list li.on em a:hover { background: #555 } .hot-v li { padding: 8px 0 8px 6px; } .hot-v { padding-top: 10px; height: 100%; overflow: hidden } .hot-v li p { widtH: 230px; } .video-list li { float: left; widtH: 194px; height: 130px; margin: 18px 0 0px 18px; position: relative } .video-list li b { font-size: 14px; font-weight: normal; width: 150px; } .video-list li i, .video-list li b { line-height: 34px; height: 34px; } .video-list li img { width: 194px; height: 130px; } .video-list em { display: block; position: absolute; right: 6px; bottom: 6px; /*background:url(/SkinNew/images/m.png) no-repeat -182px -84px;*/ width: 21px; height: 21px; } .video-list .fast { width: 410px; height: 280px; margin-left: 0; } .video-list .fast img { width: 410px; height: 280px; } .video-list .fast b { font-size: 16px; font-weight: bold; width: 320px } .video-list .fast i, .video-list .fast b { line-height: 54px; height: 54px } .video-list .fast em { width: 40px; height: 40px; background-position: -182px -106px; bottom: 7px; right: 7px } .video-rec li { float: left; widtH: 322px; height: 156px; margin: 18px 0 0px 18px; position: relative } .video-rec li b { width: 322px; } .video-rec li i, .video-rec li b { line-height: 34px; height: 34px; } .video-rec li img { width: 322px; height: 156px; } .video-rec em { display: block; position: absolute; right: 6px; bottom: 6px; /*background:url(/SkinNew/images/m.png) no-repeat -182px -84px;*/ width: 21px; height: 21px; } .video-rec .fast, .video-rec .fast img { width: 460px; height: 330px; } .video-rec .fast b { width: 460px; text-align: center } .m-soft, .d-soft { position: relative } .m-hd { position: absolute; top: 20px; left: 200px; height: 55px; line-height: 36px; } .m-hd li { float: left; padding: 0 10px; height: 55px } .m-hd li.on { color: #F56300 } .m-hd li.on a { color: #F56300 } .m-bd { float: right; width: 755px; padding-top: 20px } .soft-foucs { float: left; width: 340px; height: 260px; position: relative; margin-top: 20px } .soft-foucs .pic img { width: 340px; height: 260px; display: block; } .soft-foucs .txt-bg { position: absolute; bottom: 0; z-index: 1; height: 40px; width: 100%; background: #000; filter: alpha(opacity=50); opacity: 0.5; overflow: hidden; } .soft-foucs .txt { position: absolute; bottom: 0; z-index: 2; height: 44px; width: 100%; overflow: hidden; } .soft-foucs .txt li { height: 44px; line-height: 44px; position: absolute; bottom: -44px; overflow: hidden } .soft-foucs .txt li a { display: block; color: #fff; padding: 0 0 0 10px; font-size: 16px; font-weight: bold; text-decoration: none; } .soft-foucs .txt li a:hover { color: #ddd } .soft-foucs .num { position: absolute; z-index: 3; bottom: 14px; right: 8px; } .soft-foucs .num li { float: left; display: inline-block; _display: inline; _zoom: 1; width: 8px; line-height: 30px; height: 8px; text-align: center; margin: 0 4px; cursor: pointer; color: #fff; background: #666; overflow: hidden; ; border-radius: 50%; } .soft-foucs .num .on { background: #fff } .link .btitle p { float: right; color: #888 } .link .btitle h4 { font-size: 18px; color: #333; border-bottom: 1px solid #8E8E8E } .link a, .link a:visited { color: #999; margin-right: 10px } .link .linkcon { padding: 20px 0 10px; } .top-new a:hover, .newbox a:hover, .newbox a.more:hover, .good-netgame li a:hover, .btitle a:hover, .link a:hover, .new-col .more a:hover, .new-col .more a:hover b, .newslist li span a:hover { color: #f00 } .location { padding-top: 10px; padding-bottom: 10px; } .fm-top { margin-top: 12px } .fm-top .focusBox { height: 416px; } .fm-top .focusBox .pic img { height: 416px; } .fm-top .top-new p { height: 26px; padding: 3px 0 2px } .fm-top .top-new li { font-size: 16px; line-height: 28px; height: 28px; padding: 6px 0 } .fm-top .top-new li em { border-left: 3px solid #3db73d; background: #E5E5E5; padding: 0 10px 0 6px; line-height: 28px; height: 28px; font-size: 14px; display: inline-block; margin-right: 10px } .fm-top .top-new li em a { color: #000 } .fm-top .top-new li span { font-size: 14px; } .sy-zt { overflow: hidden } .sy-zt .bd { widtH: 1140px; padding-top: 20px } .syzt { padding: 20px 0; height: 140px; widtH: 1140px; overflow: hidden; } .syzt li { float: left; width: 250px; height: 140px; margin-right: 45px; position: relative; _display: inline; } .syzt .fast { margin-left: 0; } .syzt li img { width: 250px; height: 140px; } .syzt li i, .syzt li b, .syzt li em { display: block; font-style: normal; text-decoration: none; position: absolute; bottom: 0; width: 250px; height: 140px; line-height: 36px; color: #fff; left: 0; } .syzt a em { height: 30px; text-align: center; font-size: 17px; line-height: 30px; } .syzt a b { height: 30px; background-color: black; opacity: 0.7; } .syzt li i { display: none } .syzt a:hover i { display: block } .syzt a:hover em { display: block; border: 4px solid #1aabc0; width: 242px; height: 132px; font-size: 24px; font-weight: bold; line-height: 132px; overflow: hidden; cursor: pointer; text-align: center } .syzt a:hover { text-decoration: none } .syzt a:hover b { display: none; } .newread .title { margin-bottom: 10px; border-bottom: 1px solid #E5E5E5; } .newread .title h3 { border-bottom: 2px solid #1aabc0 } .newread .box { float: left; height: auto; padding: 0 21px 21px; border-left: none } .newread .box dd { line-height: 36px; height: 36px; border-bottom: 1px dotted #ddd; font-size: 14px; background-position: 0 -158px } .newread .box dd span { float: right; color: #B2B2B2; font-size: 12px; } .new-box { height: 100%; overflow: hidden } .new-col { padding: 14px; float: left; width: 834px; background: #fff } .new-hot, .new-gamezq { float: right; widtH: 260px; padding: 20px; background: #fff } .new-col .hothd { float: right; } .new-col .hothd li { background: #fff; color: #3db73d; font-size: 18px; font-weight: bold } .new-col .hothd li a { color: #3db73d } .new-col .hothd li.on { background: #3db73d } .new-col .hothd li.on a { color: #fff } .new-col .more { text-align: right; font-size: 14px; line-height: 40px; height: 40px } .new-col .more a { color: #5E5E5E } .new-col .more a b, .newslist li span a { color: #1aabc0; } .newslist li { padding: 20px 0; border-bottom: 1px solid #EDEDED; height: 130px } .newslist li img { float: left; width: 190px; height: 130px; } .newslist li p { float: right; widtH: 624px; color: #777; } .newslist li b { font-size: 24px; font-weight: 400; padding: 1px 0 9px; display: block; overflow: hidden; width: 624px; } .newslist li b a { color: #1aabc0 } .newslist li b, .newslist li span, .newslist li i { display: inline-block; line-heighT: 30px; height: 30px; } .newslist li i { float: left; font-size: 12px; font-style: normal; padding-right: 20px; } .newslist li span { height: 60px; overflow: hidden; width: 100%; } .hot-fahao ul { padding-top: 3px; height: 100%; overflow: hidden } .hot-fahao li { float: left; width: 260px; height: 26px; line-height: 26px; padding: 8px 0 8px 0px; border-bottom: 1px dotted #eee; overflow: hidden; } .hot-fahao li a.img, .hot-fahao li span { display: none } .hot-fahao li p { float: left; font-size: 14px; overflow: hidden; width: 180px; line-height: 27px; } .hot-fahao li p a { color: #555 } .hot-fahao li em { float: right; width: 64px; display: block; } .hot-fahao li em a { line-height: 24px; display: block; height: 24px; border: 1px solid #3db73d; text-align: center; color: #3db73d; font-size: 12px; text-align: center; font-style: normal; border-radius: 3px; } .hot-fahao li em a:hover, .hot-fahao li.on em a { background: #3db73d; color: #fff } .hot-fahao li.on { height: 90px; position: relative } .hot-fahao li.on a.img { float: left; width: 90px; height: 90px; display: block; position: relative; } .hot-fahao li.on img { width: 90px; height: 90px; border-radius: 5px; } .hot-fahao li.on p, .hot-fahao li.on span { position: absolute; left: 88px; top: 14px; font-size: 16px; } .hot-fahao li.on p { widtH: 106px; line-height: 20px; height: 40px; top: 10px; padding-left: 10px; white-space: nowrap; text-overflow: ellipsis; } .hot-fahao li.on span { top: 50px; display: block; font-size: 12px; color: #A1A1A1; padding-left: 10px; } .hot-fahao li.on span i { color: #3db73d; font-style: normal } .hot-fahao li.on em { margin-top: 21px } .new-gamezq { width: 310px; padding: 0; } .new-gamezq .btitle { margin: 12px 16px 0 } .new-gamezq ul { padding: 10px 0 0 7px } .gameside { height: 100%; overflow: hidden } .gameside li { float: left; width: 90px; padding: 9px 4px; height: 130px; overflow: hidden } .gameside li a { position: relative; float: left; } .gameside li span { line-height: 50px; height: 50px; text-align: center; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } /* 分页 */ #pages { height: 40px; padding: 22px 0px; clear: both; text-align: center } #pages a, #pages a:visited, #pages a:hover, #pages b { padding: 0px 20px; font-size: 16px; border: 1px solid #E4E4E4; display: inline-block; height: 38px; line-heighT: 38px; text-decoration: none; color: #777; margin: 0 3px; background: #fff; } #pages a:hover, #pages b { border: 1px solid #058E02; color: #fff; background: #058E02; } #pages a b, #pages a:visited b, #pages a:hover b { background: none; padding: 0; margin: 0; display: inline; border: none; color: #666; } /* 新闻内容 */ .view { height: 100%; overflow: hidden; margin-top: 10px } .view .col { float: left; widtH: 830px; padding: 12px; overflow: hidden; border-right: 1px solid #EFEFEF; } .view .side { float: right; widtH: 300px; padding: 12px; } .view .side .hot-fahao li, .view .side .hot-v li { widtH: 290px; } .view .side .hot-v li p { width: 260px; } .view .col .btitle h2 { font-size: 18px; font-weight: 400; color: #3db73d; text-indent: 1em; } .news-hot { margin-bottom: 10px } .news-hot .hothd { margin-top: 5px; float: right } .news-hot .hothd li { width: 26px; line-height: 26px; height: 26px; background: #3db73d; margin: 0 0 0 10px } .news-hot .hothd li.on { background: #FB746E } .news-hotgame ul { height: 100%; overflow: hidden; padding: 10px 0; } .news-hotgame li { float: left; widtH: 100px; height: 132px; text-align: center; } .news-hotgame li img { width: 80px; height: 80px; margin: 0 auto } .news-hotgame li i, .news-hotgame li em { display: block; margin-top: 8px; height: 24px; line-height: 24px; font-style: normal } .news-hotgame li em { width: 70px; color: #fff; background: #3db73d; display: none; margin: 8px auto 0 } .news-hotgame li a, .news-hotgame li a:visited { display: block; widtH: 100px; height: 122px; padding: 10px 0 0 } .news-hotgame li a:hover { background: #F6F6F6 } .news-hotgame li a:hover i { display: none } .news-hotgame li a:hover em { display: block; } .m-adv { padding: 5px 0 10px; height: 100%; overflow: hidden } .m-adv li { float: left; widtH: 300px; height: 120px; padding: 5px 0; } .m-adv li img { widtH: 300px; height: 120px; } .side-ad { margin-bottom: 10px; } .view h1 { font-size: 32px; font-weight: bold; line-heighT: 46px; color: #1D1D1D; padding: 15px 0 20px 15px; text-align: center; } .view .auor { color: #878787; padding: 0px 0 18px 15px; border-bottom: 1px solid #EFEFEF; text-align: center; } .view .auor a { color: #878787 } .view .auor a:hover, .view .auor a.add, .view .tags a:hover, .nextinfo a:hover { color: #f00 } #endtext { padding: 10px 10px 20px; line-height: 36px; font-size: 16px; color: #555555 } #endtext p { margin: 10px 0; text-indent: 34px; } #endtext img { text-align: center; margin: 8px auto; padding: 3px; border: 1px solid #ddd } .view .zedit { text-align: right; padding: 10px 20px 0 0 } .view .tags { padding: 0 20px; line-heighT: 40px; height: 40px; color: #6A6A6A } .view .tags a { margin-right: 10px; color: #1C74E0 } .nextinfo { height: 60px; line-height: 60px; border: solid #EFEFEF; border-width: 1px 0; overflow: hidden; padding: 0 20px; } .nextinfo p { float: left; width: 396px; color: #666; font-size: 16px; overflow: hidden; } .nextinfo a, .nextinfo a:visited { font-weight: normal; color: #666; } .bdshare { height: 32px; padding: 15px 0 15px 15px } .related { margin: 8px 0; } .related h4 { height: 36px; line-height: 36px; color: #656565; padding: 0 12px; font-size: 18px; } .related ul { height: 100%; overflow: hidden; padding: 10px 0 20px; } .related ul li { float: left; width: 396px; line-height: 28px; height: 28px; } .related ul li span { padding: 0 14px 0 16px } .related ul li span a, .aelart ul li span a:visited { color: #3db73d } .comment { margin: 0 15px } .comment .title { height: 36px; line-height: 36px; color: #656565; font-size: 18px; padding-bottom: 10px } .comment .title span { color: #f60 } .comment .post { border: 2px solid #CCD4D7; height: 100%; } .comment .post .textarea { padding: 10px; height: 62px } .comment .post .textarea textarea { widtH: 100%; height: 62px; border: 0; font-size: 14px; background: #fff; overflow: hidden; outline: none } .comment .btn { position: relative; height: 39px; border-top: 1px solid #E8E9EB; background: #FAFAFA } .comment .btn button { position: absolute; right: -2px; bottom: -2px; widtH: 90px; height: 42px; /*background:url(/SkinNew/images/m.png) no-repeat 0 -168px;*/ border: none; cursor: pointer } .comment .face a.clickface, .comment .face a.clickface:visited { float: left; display: block; width: 39px; height: 39px; border-right: 1px solid #e8e9eb; } .comment .face .clickface i { height: 19px; width: 19px; /*background:url(/SkinNew/images/m.png) no-repeat -11px -122px;*/ display: block; margin: 10px 0 0 10px } .comment .face a.clickface:hover i { background-position: -11px -144px } .comment .face-ico { float: left; height: 26px; padding: 8px 0 5px 14px; display: none } .comment .face-ico img { vertical-align: middle } .pluser { height: 42px; padding: 18px 0; } .pllogin {} .pllogin a { float: left; display: block; padding: 4px; width: 110px; line-height: 32px; height: 32px; font-size: 14px; border: 1px solid #CDD2D6; margin-right: 12px } .pllogin i { float: left; display: inline-block; margin-right: 14px; width: 32px; height: 32px; /*background:url(/SkinNew/images/m.png) no-repeat*/ } .pllogin .p-weibo { background-position: -32px 0 } .pllogin .p-bd { background-position: -64px 0 } .pllogin .p-guest { background-position: -260px -32px; margin-right: 26px } .pllogin a:hover { background: #F8F8F8 } .plguest { line-height: 32px; color: #888; display: none } .plguest input { border: 1px solid #CDD2D6; line-height: 32px; height: 32px; padding: 0 10px; color: #666; vertical-align: middle } .comment-list .title { color: #3db73d; border-bottom: 1px solid #e8e9eb } .comment .comment-list .title span { float: left; color: #3db73d; } .comment .comment-list .title a.more { float: right; font-size: 12px; } .comment-list dl { border-bottom: 1px solid #e8e9eb; padding-top: 10px } .comment-list dl dt { line-height: 40px; height: 40px; color: #A6A6A6 } .comment-list dl dt span { float: right; font-size: 12px } .comment-list dl dt b { color: #3db73d; } .comment-list dl dd { line-height: 32px; } .comment-list dl .rep { text-align: right; line-height: 16px; height: 16px; padding-bottom: 10px } .comment-list dl .rep p { float: right; } .comment-list dl .rep em a { display: inline-block; widtH: 14px; line-height: 42px; height: 14px; /*background:url(/SkinNew/images/m.png) no-repeat -50px -123px;*/ overflow: hidden } .comment-list dl .rep em a:hover { background-position: -36px -123px } .comment-list dl .rep em a.down { background-position: -50px -137px } .comment-list dl .rep em a.down:hover { background-position: -36px -123px } .comment-list dl .rep em i { float: left; font-size: 12px; font-style: normal; color: #f60; padding: 0 5px; vertical-align: middle } .comment-list dl .rep em { padding: 0 10px } .comment-list dl .rep a { float: left; color: #888 } .comment-list dl .rep a:hover { color: #f00 } .ecomment p { padding: 0; margin: 0; } .ecomment { margin: 0; padding: 0; background: #ffc } .ecomment { margin-bottom: 12px; overflow-x: hidden; overflow-y: hidden; background: #ffc; padding: 6px; border: solid 1px #ccc; } .ecommentauthor { float: left; color: #F96; font-weight: bold; } .ecommenttext { clear: left; margin: 0; padding: 0; } .gl_nav h2 { height: 32px; line-height: 32px; background: #ddd; text-align: center; font-size: 14px; font-weight: bold } .gl_nav ul { border: 1px solid #ddd; height: 100%; overflow: hidden; padding: 10px 0; } .gl_nav li { float: left; width: 189px; height: 26px; line-height: 26px; font-size: 12px; padding-left: 10px; overflow: hidden } /* 下载内容 */ .down-fm { clear: both; margin-top: 10px } .down-fm .col { float: left; widtH: 862px; } .down-fm .side { float: right; widtH: 310px; } .down-fm .box { background: #fff; padding: 10px 20px 0; margin-top: 18px } .down-fm .gameside { padding: 10px 0 0; margin-right: -10px; width: 310px; margin-left: -10px; } .down-fm .gameside li { position: relative; padding: 0; height: 124px; margin-right: 10px; } .down-fm .gameside li img { position: relative; width: 90px; heighT: 90px; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; } .down-fm .gameside li span { line-heighT: 40px; height: 40px; } .down-fm .gameside li em { display: block; line-height: 26px; height: 26px; background: #3db73d; text-align: center; color: #fff; font-size: 12px; font-style: normal; margin-top: 7px } .down-fm .gameside li a:hover span { display: none } .down-fm .editrec { height: 310px; overflow: hidden; margin: 0; } .down-fm .editrec .btitle, .down-fm .editrec .btitle h4 { height: 44px } .focusBox-down { height: 320px; position: relative; } .focusBox-down .pic img { width: 862px; height: 320px; display: block; } .focusBox-down .txt-bg { heighT: 42px; } .focusBox-down .txt { height: 42px; } .focusBox-down .txt li { height: 42px; line-height: 42px; position: absolute; bottom: -42px; overflow: hidden } .focusBox-down .txt li a { font-size: 18px; font-weight: 400; } .focusBox .num { bottom: 10px; } .focusBox-down .num li { width: 20px; line-height: 20px; height: 20px; text-align: center; margin: 0 2px; cursor: pointer; color: #fff; background: #000; overflow: hidden; font-size: 12px; border-radius: 50% } .focusBox-down .num .on { background: #13DE8A; } .down-fm .gameitem li {} .down-fm .gameitem { margin-right: -32px; padding: 18px 0 10px; overflow: hidden; width: 854px; height: 100%; } .down-fm .gameitem li { float: left; width: 90px; text-align: center; margin-right: 32px; height: 126px } .down-fm .game-rec ul { padding: 20px 0; margin: 5px 0 4px -20px; width: 862px } .down-fm .game-rec li { width: 260px; height: 160px; margin: 0 0px 20px 20px; } .down-fm .game-rec li img { height: 160px; } .down-fm .game-rec li em { width: 48px; left: 212px; } .down-fm .game-rec a:hover p { line-height: 26px; width: 210px; height: 52px; padding: 62px 16px 38px; widtH: 220px; } .down-fm .game-rec a:hover b { top: 20px; } .down-fm .side .hot-v { height: 270px; } .down-fm .new-hot { padding: 20px 20px 7px } .down-fmad { margin-top: 18px; clear: both } .newbox .hot { float: left; widtH: 320px; padding: 10px 34px; border-left: 1px solid #ECECEC } .newbox .fast { border: 0; } .newbox .hot-list { padding-top: 10px } .newbox .hot-list li { width: 320px } .d-soft .m-bd, .d-soft .gameitem { float: none; widtH: 1140px; } .d-soft .m-bd .gameitem { margin-right: -42px; widtH: 1180px; } .d-soft .m-bd .gameitem li { margin: 0 41px 0 0px; } #filter { margin: 10px 0 18px; clear: both; background: #fff } #filter li { overflow: hidden; height: auto; border-bottom: 1px solid #EBEBEB; padding: 30px 28px; } #filter li span { float: left; widtH: 50px; line-height: 28px; display: block; } #filter li p { float: left; widtH: 1074px; line-height: 28px; } #filter li a, #filter li a:visited { float: left; padding: 0px 12px 0px; display: block; line-height: 28px; height: 28px; margin-right: 1px } #filter li a:hover, #filter li a.curr, #filter li a.curr:visited { background: #e4f4db; color: #80c94f; text-decoration: none } #filter .uplink { line-height: 36px; height: 36px; } #filter .uplink em { float: left; display: block; height: 36px; font-style: normal; border-radius: 10px } #filter .uplink a { float: left; line-height: 34px; height: 34px; widtH: 100px; text-align: center; border: 1px solid #0b8653; border-left: 0; margin: 0; } #filter .uplink a#bcss0 { border-radius: 5px 0 0 5px; border-left: 1px solid #0b8653 } #filter .uplink a#bcss3 { border-radius: 0 5px 5px 0 } .downlist ul { padding-bottom: 20px; height: 100%; overflow: hidden } .downlist li { padding: 26px 0 10px 12px; height: 116px; float: left; width: 558px; border-bottom: 1px solid #F4F4F4 } .downlist li:hover { background: #F4F4F4 } .downlist .g { float: left; widtH: 90px; } .downlist .g img { widtH: 90px; height: 90px; border-radius: 10px } .downlist .ginfo { float: left; padding-left: 24px; widTH: 290px; font-size: 12px; color: #999 } .downlist .ginfo b { display: block; line-height: 36px; height: 36px; font-size: 18px; overflow: hidden; widtH: 290px; font-weight: 400 } .downlist .ginfo i { float: left; display: block; line-height: 26px; height: 26px; padding-right: 14px; font-style: normal } .downlist .ginfo p { display: block; line-height: 26px; height: 52px; overflow: hidden; widtH: 290px } .downlist a.durl { widtH: 112px; height: 38px; line-height: 38px; text-align: center; font-size: 18px; border: 1px solid #0B8653; color: #0B8653; display: block; float: right; margin: 30px 20px 0 0 } .downlist a.durl:hover { background: #0B8653; color: #fff } .downpage { background: #fff; margin-top: 10px } .downpage .side { float: left; widtH: 304px; } .downpage .col { float: right; widtH: 875px; border-left: 1px solid #F0F0F0 } /*下载页*/ .guding { position: fixed; top: -10px; padding-top: 10px; width: 298px; border: 1px solid #fff; border-right-color: #f6f6f6; background: #fff; z-index: 2; _padding-top: 0px; _position: absolute; _top: expression(eval(document.documentElement.scrollTop)); } .guding2 { position: fixed; top: 0px; width: 304px; border-right-color: #f6f6f6; background: #fff; z-index: 2; } .gameinfo { border-bottom: 1px solid #f6f6f6; padding: 20px 0 15px 0; } .gameinfo h1 { color: #666; font-size: 24px; line-height: 36px; padding: 15px 0; text-align: center; } .gameinfo p { width: 125px; height: 125px; margin: 10px auto; } .gameinfo p img { widtH: 125px; height: 125px; } .gameinfo ul { height: 78px; padding: 0 10px 0 30px } .gameinfo li { float: left; width: 132px; line-height: 26px; height: 26px; color: #888; font-size: 12px; } .gameinfo li i { font-style: normal } .gameinfo .fenshu em { font-size: 30px; font-style: italic; } .download { border-bottom: 1px solid #f6f6f6; padding: 10px 30px; } .download ul li { float: left; width: 238px; height: 49px; margin: 10px auto; position: relative; _z-index: 999; } .download ul li.az { background: #29c96c; } .download ul li.ios { background: #3385ff; cursor: pointer; z-index: 999; } .download ul li.lib { background: #e84c3d; } .download ul li.gzq { background: #ff983b; } .download ul li.az.hover { background: #25bf66; } .download ul li.ios.hover { background: #3180f5; } .download ul li.lib.hover { background: #dd493b; } .download ul li.gzq.hover { background: #fa9337; } .download ul li.none, .download ul li.none.hover, .download ul .ios.none, .download ul .ios.none.hover { background: #aab2bd; cursor: default; } .download ul li a { display: block; width: 188px; height: 49px; line-height: 49px; font-size: 20px; color: #fff; float: left; overflow: hidden; } .download ul li .icon { margin: 9px 20px 0; /*background:url(/SkinNew/images/m.png) no-repeat;*/ float: left; overflow: hidden; } .download ul li .icon.andorid { background-position: -268px -78px; width: 23px; height: 30px; } .download ul li .icon.ios { background-position: -231px -117px; width: 25px; height: 30px; } .download ul li .icon.lib { background-position: -231px -84px; width: 24px; height: 24px; margin-top: 12px; } .download ul li .icon.zq { background-position: -96px -168px; width: 24px; height: 24px; margin-top: 12px; } .download ul li.none a { cursor: default; } .download ul li.ios .tit { float: left; font-size: 20px; color: #fff; line-height: 49px; } .download ul li.ios .jt { display: inline-block; width: 13px; height: 8px; /*background:url(/SkinNew/images/m.png) no-repeat -184px -152px;*/ margin: 20px 0 0 10px; float: left; } .download .ios_box { width: 238px; padding: 0px 0 0 0; position: absolute; left: 0px; top: 49px; z-index: 9999; display: none; } .download .ios_box div { float: left; width: 220px; border-bottom: 1px solid #438eff; background: #e7eef4; height: 25px; line-height: 25px; padding: 7px 10px 7px 8px; position: relative; cursor: default; } .download .ios_box div a { width: 140px; margin-left: 12px; line-height: 25px; height: 25px; display: inline-block; font-size: 14px; color: #999; overflow: hidden; cursor: default; } .download .ios_box div .tb { width: 23px; height: 23px; display: inline-block; float: right; /*background:url(/SkinNew/images/m.png) no-repeat -123px -168px;*/ margin-top: 1px; } .download .ios_box div.onn { cursor: pointer; background: #5a9cff; } .download .ios_box div.onn .tb { background-position: -147px -168px; } .download .ios_box div.onn:hover { background: #438eff; } .download .ios_box div.onn a { cursor: pointer; color: #fff; } .download ul li.ios.hover .ios_box { display: block; } .download ul li.ios.hover .jt { background-position: -204px -152px; } .download .ewm, .download .ios_tb { width: 49px; float: right; height: 49px; border-left: 1px solid #24b862; cursor: pointer; overflow: hidden; } .download .ios_tb { border-left: 1px solid #2d78e8; } .download .ewm.lib { border-left: 1px solid #d74638; } .download .ewm.gzq { border-left: 1px solid #ec8e39; } .download ul li.none .ewm, .download ul .ios.none .ios_tb { border-left: 1px solid #98a0ac; cursor: default; } .download .ewm span, .download .ios_tb span { display: block; width: 25px; height: 25px; /*background:url(/SkinNew/images/m.png) no-repeat -267px -119px;*/ margin: 12px auto 0; overflow: hidden; } .download .ewm.lib span { background-position: -204px -168px; } .download .ewm.gzq span { background-position: -177px -168px; } .download .ewm_box { position: absolute; top: -22px; left: 243px; width: 175px; height: 175px; /*background:url(/SkinNew/images/m.png) no-repeat 0px -216px;*/ text-align: center; overflow: hidden; display: none; z-index: 9999; } .download .ewm_box img { width: 122px; height: 122px; display: block; margin: 17px 0 7px 28px; +margin: 17px 0 7px 10px; } .download .ewm_box span { font-size: 14px; color: #666; font-weight: bold; } .download .ios_box div .ewm_box { left: 236px; } .download ul .ios.none .ios_tb, .download ul .ios.none.hover .ios_tb { cursor: default; } .game-desc { padding: 10px 30px; position: relative } .game-desc h4, .relist h4 { font-size: 18px; color: #333; height: 38px; line-height: 25px; margin: 25px 0 5px 0; overflow: hidden; } .game-desc .desc { clear: both; overflow: hidden; } .game-desc .desc p { color: #666; font-size: 14px; line-height: 32px; text-indent: 34px; } .more_btn { float: right; width: 60px; height: 24px; /*background:url(/SkinNew/images/m.png) no-repeat -232px -148px;*/ color: #fff; cursor: pointer; line-height: 25px; overflow: hidden; font-size: 14px; margin-top: 15px; text-indent: -9999px; } .more_btn.bbj { background-position: -232px -174px; } #j_app_desc { overflow: hidden; zoom: 1; color: #666; font-size: 14px; line-height: 32px; } /* .score { position: absolute; top: 10px; right: -2px; height: 60px; background: #E84C3D; border-right: 2px solid #126543; padding: 0 10px 0 0; color: #fff; font-size: 12px; } .score i { widtH: 18px; height: 60px; } .score i, .score b, .score span { float: left; display: block; } .score b { font-size: 30px; font-family: Arial, Helvetica, sans-serif; line-height: 36px; margin-top: 12px; padding: 0 10px 0 20px } .score span { line-height: 60px; height: 60px; padding: 0 14px } .score span em { font-style: normal } .score .sup { padding: 26px 0 0; line-height: 20px; height: 20px } .score a { float: left; display: block; widtH: 66px; height: 30px; line-heighT: 30px; color: #fff; background: #C03B2E; margin: 15px 0; text-align: center } .score a:hover { background: #9D3226 } */ .pl-score { heighT: 16px; overflow: hidden; padding: 0 0 14px 0; } .pl-score span { float: left; color: #f60; line-height: 16px; display: block; } #starbox { float: left; position: relative; height: 16px; } #starbox .stars { height: 16px; width: 100px; cursor: pointer } #starbox .stars li { float: left; } #starbox .stars li a { float: left; display: block; width: 20px; height: 16px; overflow: hidden; text-indent: -9999px; position: absolute; z-index: 5 } #starbox .stars li a:hover { z-index: 3; left: 0; -webkit-transition: none; -moz-transition: none; transition: none } #starbox .stars a.one-star { left: 0 } #starbox .stars a.one-star:hover { width: 20px } #starbox .stars a.two-stars { left: 20px } #starbox .stars a.two-stars:hover { width: 40px } #starbox .stars a.three-stars { left: 40px } #starbox .stars a.three-stars:hover { width: 60px } #starbox .stars a.four-stars { left: 60px } #starbox .stars a.four-stars:hover { width: 80px } #starbox .stars a.five-stars { left: 80px } #starbox .stars a.five-stars:hover { width: 100px } #starbox .current-rating { position: absolute; height: 16px; z-index: 1; top: 0; left: 0px } .pl-score .description { float: left; padding-left: 20px; color: #f00; } .pl-score .description b { color: #f60 } /*内页图片滚动*/ .down-pic { width: 814px; margin: 25px 30px 39px; background: #fcfcfc; overflow: hidden; } .showcase { padding-top: 20px; padding-bottom: 20px; margin: 0 20px; } .showcase .s-content { width: 10000px } .showcase .scrollbar { overflow: hidden } .showcase .scrollbar .s-box { height: 250px; margin-bottom: 20px; _width: 838px; *position: relative; *overflow: hidden } .showcase .scrollbar li { float: left; position: relative; height: 250px; margin-right: 18px; overflow: hidden } .showcase .scrollbar li.last { margin-right: 0 } .showcase .scrollbar li img { max-height: 250px; _height: 250px } .showcase .scrollbar li span { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 45px } .showcase .scrollbar li .bg { background: #000; opacity: .50; filter: alpha(opacity=50) } .showcase .scrollbar li .info { line-height: 45px; text-indent: 45px; font-size: 18px; color: #fff } .showcase .scrollbar li.picture span { display: none; width: 45px } .showcase .scrollbar li.picture .info { cursor: pointer; } .showcase .scrollbar li.picture .info:hover {} .showcase .scrollbar li.active span { display: block } .showcase .scrollbar li .video-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; background: #000; opacity: .50; filter: alpha(opacity=50) } .showcase .scrollbar li.active .video-bg { opacity: .70; filter: alpha(opacity=70) } .showcase .scrollbar .track { display: none; position: relative; margin: 0 4px; height: 6px; background-color: #d4d4d4; font-size: 0px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px } .showcase .scrollbar .track div { width: 110px; height: 6px; background-color: #e84c3d; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px } .showcase .slider { position: relative; display: none } .showcase .slider .s-box { position: relative; width: 605px; height: 375px; margin: 0 auto 20px; overflow: hidden } .showcase .slider .s-box li { float: left; position: relative; width: 605px; text-align: center } .showcase .slider .trigger { position: absolute; top: 0; right: 0px; width: 45px; height: 45px; border: 1px solid #f6f6f6; text-indent: -333em } .showcase .slider .prev, .showcase .slider .next { position: absolute; top: 30%; display: block; width: 44px; height: 110px; border: 1px solid #f6f6f6; text-indent: -333em } .showcase .slider .prev { left: 0px } .showcase .slider .prev:hover { background-position: -83px center } .showcase .slider .next { right: 0px; background-position: -33px center } .showcase .slider .next:hover { background-position: -128px center } .showcase .slider .s-nav { text-align: center; height: 30px } .showcase .slider .s-nav .picture, .showcase .slider .s-nav .video { margin: 0 7px } .showcase .slider .s-nav .picture span, .showcase .slider .s-nav .video span { display: inline-block; width: 30px; height: 30px; cursor: pointer; } .showcase .slider .s-nav .picture span { background-position: -40px 0 } .showcase .slider .s-nav .picture .active { background-position: -122px 0 } .showcase .slider .s-nav .video span { background-position: 0 0 } .showcase .slider .s-nav .video .active { background-position: -82px 0 } /*图片滚动结束*/ .down-news { margin-bottom: 20px; } .down-news .hd { height: 40px; border-bottom: 1px solid #f6f6f6; margin: 0 0 10px -1px; } .down-news .hd li { position: relative; z-index: 0; float: left; width: 120px; height: 39px; margin: 0 -1px -1px 0; border: 1px solid #f6f6f6; border-bottom: none; text-align: center; line-height: 39px; cursor: pointer; font-size: 18px; color: #333; } .down-news .hd .on { border-top: 2px solid #29C96C; background: #fff; } .nlist li { width: 394px; float: left; font-size: 14px; margin-left: 25px; line-height: 30px; height: 30px; overflow: hidden; _display: inline; } .nlist-pic { padding: 10px 0 0 4px } .nlist-pic li { float: left; width: 184px; height: 190px; margin: 0 0 0 26px; _display: inline; } .nlist-pic li img { widtH: 190px; height: 126px; } .nlist-pic li span { line-height: 26px; height: 52px; padding: 8px 0 0; text-align: center; display: block } .down-news .bd p { height: 40px; display: block; clear: both; padding: 10px 20px 0 20px; text-align: center; } .down-news .bd p a { display: block; widtH: 100%; line-height: 40px; background: #f2f2f2; } .down-news .bd p a:hover { background: #F60; color: #fff } .relist { margin-bottom: 25px; clear: both; overflow: hidden; padding: 0 0 0 6px } .relist h4 { padding-left: 24px; } .relist li { width: 80px; margin: 0 0 0 24px } .relist li img { width: 80px; height: 80px; } .down-comment { padding: 0 20px } .top-zt p { height: 38px; line-height: 38px; overflow: hidden; clear: both; } .top-zt p b { font-weight: normal; font-size: 12px; height: 22px; line-height: 22px; display: inline-block; width: 70px; text-indent: 6px; margin: 8px 0 0 15px; } .top-zt p:hover b { background-position: 0 -22px; } .top-zt p:hover b a { color: #fff; } .top-zt p span a { padding: 0 11px; border-right: 1px solid #ccc; } .top-zt p.clo { background: #f5f5f5; } .top-zt p:hover { background: #eee; } .top-zt { border: 1px solid #ddd; position: relative; overflow: hidden; background-color: white; } .top-zt .tj_ico { background: url(/SkinNew/images/tj_zt_ico.png) no-repeat left top; width: 50px; height: 50px; position: absolute; top: 0; left: 0; z-index: 1; } .tj { float: left; padding: 0px 5px 0 10px; } .tj li { height: 22px; line-height: 22px; margin: 5px; padding: 0 6px; cursor: pointer; font-size: 12px; position: absolute; margin-top: 10px; } .tj li.cur { background: #3db73d; color: #fff; border-radius: 3px; } .tjCont { float: left; padding: 6px 0 3px 80px; } .tjCont li { width: 80px; text-align: center; margin: 0 9px 0; float: left; } .tjCont li img { width: 60px; height: 60px; } .tjCont li span { display: block; height: 20px; line-height: 20px; overflow: hidden; } .tjCont li a { position: relative; display: inline-block; width: 60px; } .iconlist img { width: 32px; height: 32px; margin-right: 8px; } .iconlist li { height: 28px; line-height: 28px; overflow: hidden; padding-top: 5px; padding-bottom: 5px; border-bottom: 1px dotted #f0f0f0 } #article-text h4 { padding-left: 75px; } .page { padding: 10px 10px 5px 10px; } .pagination { text-align: center; margin-top: 10px; margin-bottom: 10px; } .pagination ul { display: inline-block; margin-bottom: 0; margin-left: 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); } .pagination ul>li { display: inline; } .pagination ul>li:first-child>a, .pagination ul>li:first-child>span { border-left-width: 1px; } .pagination ul>li>a, .pagination ul>li>span { float: left; padding: 6px 15px; line-height: 20px; text-decoration: none; background-color: #fff; border: 1px solid #ddd; border-left-width: 0; } .pagination ul>.active>a, .pagination ul>.active>span { color: #999; cursor: default; } .pagination ul>li>a:hover, .pagination ul>li>a:focus, .pagination ul>.active>a, .pagination ul>.active>span { background-color: #f5f5f5; } .textcl li { text-overflow: ellipsis; white-space: nowrap; } .tjgx { position: static; float: right; font-size: 22px; padding-right: 10px; } .tjgx li { cursor: pointer; } .tjgx_xz { padding-top: 15px; } .mazrj { background: url(/SkinNew/images/head_more.png) no-repeat; width: 8px; height: 4px; display: block; position: absolute; top: 23px; left: 105px; } #menu li:hover .mazrj { background: url(/SkinNew/images/head_more.png) no-repeat; background-position: -15px; } .gg_tab { height: 130px; background: #fff; overflow: hidden; margin: 0; margin-top: 10px; } .tab_title { width: 100px; height: 100%; float: left; } .tab_title ul li { width: 98px; height: 43px; line-height: 43px; border: 1px solid #f5f5f5; border-top: 0; position: relative; color: #333; font-size: 16px; text-align: center; cursor: pointer; } .tab_title ul li span { display: inline-block; position: absolute; width: 8px; height: 13px; right: -8px; top: 17px; background: url(/SkinNew/images/sslc_pg.png) no-repeat -69px -44px; display: none; } .tab_title ul li.last span { display: block; } .tab_title ul li.last { background: #f55555; border-color: #f55555; color: #fff; } .tab_list { width: 1070px; height: 100%; float: left; background-color: white; } .hide { display: none; } .tab ul li { width: 90px; height: 111px; overflow: hidden; margin: 15px 8px 0 20px; float: left; position: relative; display: inline; } .tab ul li a { display: block; width: 90px; height: 100%; } .tab a:hover span.index_bt { color: red; } .cover_80 { display: block; width: 80px; height: 80px; position: absolute; left: 0; top: 0; background: url(/SkinNew/images/sslc_pg.png) no-repeat -1px -65px; } .tab ul li span.index_bt { display: block; height: 32px; line-height: 30px; text-align: center; color: #333; font-size: 14px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .tab ul li img { width: 90px; height: 90px; } .news-hotgame li a span { position: relative; } .tab_list li em { width: 90px; height: 90px; position: absolute; top: 0; left: 0; } .zt_more { float: right; margin-left: 15px; height: 0px; border: 1px solid white; } .nosp { height: auto; width: 1200px; padding: 0; } .nosp li { margin-bottom: 26px; } .pclist { width: 860px; height: auto; overflow: hidden; margin-top: 14px; margin-bottom: -14px; } .pclist li { width: 408px; height: 353px; background: #f4f4f4; float: left; margin-right: 18px; margin-bottom: 14px; } .pclist li .ecaimg { width: 100%; height: 210px; display: block; position: relative; overflow: hidden; } .pclist li .ecaimg img { width: 100%; height: 100%; transition: all 0.3s ease-in-out 0s; } .pclist li .ecaimg:hover img { transform: scale(1.05, 1.05); } .pclist li .ecaimg span { width: 100%; height: 210px; display: block; position: absolute; top: 0px; left: 0px; } .pclist li .ecaimg:hover span { background: #000; opacity: 0.6; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60); webkit-transition: background 0.5s ease-in-out; -moz-transition: background 0.5s ease-in-out; -o-transition: background 0.5s ease-in-out; transition: background 0.5s ease-in-out; } .pclist li .ecaimg i { width: 94px; height: 94px; font-style: normal; display: block; background: url(/SkinNew/images/pcicon.png) no-repeat; position: absolute; top: 27%; left: 38%; text-align: center; line-height: 94px; font-size: 36px; color: #634242; } .pclist li .ecabom { width: 408px; height: 188px; } .pclist li .ecabom a { width: 100%; height: 100%; display: block; } .pclist li .ecabom a:hover { text-decoration: none; } .pclist li .ecabom a:hover p { color: #00a74f; } .pclist li .ecabom a:hover .ecabou { color: #999; } .pclist li .ecabom p { height: 70px; font-size: 14px; color: #5f5e5e; line-height: 23px; padding-left: 15px; padding-right: 15px; text-indent: 2em; overflow: hidden; } .pclist li .ecabom .ecatitle { font-size: 18px; color: #434343; width: 96%; padding-left: 2%; padding-right: 2%; text-align: center; line-height: 40px; height: 40px; text-indent: 0px; overflow: hidden; cursor: pointer; } .pclist li .ecabom .ecabou { height: 50px; width: 370px; margin: 0; display: block; padding: 0px; color: #999999; } .pclist li .ecabom .ecabou font { height: 30px; width: 120px; display: block; background: url(/SkinNew/images/shiz.png) no-repeat 5px 3px; float: left; margin-left: 10px; margin-top: 3px; } .pclist li .ecabom .ecabou span { height: 50px; width: 220px; display: block; float: right; margin-right: 5px; } .pclist li .ecabom .ecabou span em { font-style: normal; width: 160px; float: right; text-align: right; display: block; float: left; margin-top: 12px; } .pclist li .ecabom .ecabou span img { width: 48px; height: 48px; border-radius: 25px; position: relative; z-index: 1000; float: right; border: 2px solid #bababa; } .sy_zt_con { margin-top: 20px } .zt_img_list { overflow: hidden; width: 1300px; margin-bottom: 10px } .zt_img_list li { float: left; width: 550px; margin-right: 40px; } .zt_img_list li img { float: left; width: 200px; height: 120px; margin-right: 20px } .zt_img_list li h4 { line-height: 38px; height: 38px; overflow: hidden; font-size: 19px; font-weight: bold; color: #1aabc0; } .zt_img_list li a:hover h4 { color: #f00 } .zt_img_list li span { line-height: 24px; padding-right: 15px; color: #777 } .zt_img_list li p { line-height: 26px; height: 52px; overflow: hidden; color: #777; margin-top: 10px } .zt_text_list { overflow: hidden; width: 1300px; } .zt_text_list li { float: left; width: 550px; margin-right: 40px; border-bottom: 1px dotted #ddd; } .zt_text_list li a { line-height: 36px; height: 36px; display: block; overflow: hidden; padding-left: 14px; background: url(/SkinNew/images/g.gif) no-repeat 0 -158px; } .mr10 { margin-right: 10px; } .fl { float: left; } .fr { float: right; } .fix { *zoom: 1; } .fix:after { display: table; content: ''; } .fix:after, .fix:before { clear: both; } .g-title { border-bottom: 1px solid #09aeff; margin-bottom: 20px; } .g-title .more { font-size: 16px; margin-top: 3px; font-weight: normal; color: #999; cursor: pointer; } .g-title .title-txt { line-height: 40px; font-size: 24px; color: #09aeff; float: left; width: 180px; } .g-tab { float: left; line-height: 40px; text-align: center; font-size: 18px; } .idx-rjgx .g-tab { margin-left: -20px; } .g-tab .tab-item { display: inline-block; vertical-align: top; position: relative; cursor: pointer; line-height: 40px; } .g-tab .tab-item.curr, .g-tab .tab-item:hover { color: #09aeff; } .g-tab.sty-2 .tab-item { line-height: 30px; padding-right: 0px; } .idx-rjgx .g-tab .tab-item { line-height: 30px; padding-right: 0px; } .idx-rjgx .g-tab .tab-item+.tab-item { padding-left: 26px; background-image: url(/SkinNew/images/sp_2.png); background-position: -150px -30px; background-repeat: no-repeat; } .ui-bg { background-image: url(/SkinNew/images/sp_2.png); background-repeat: no-repeat; } .g-tab .tab-item .bot-arrow { position: absolute; width: 16px; height: 8px; left: 50%; background-position: -166px -19px; display: none; } .g-tab.sty-2 .bot-arrow { margin-left: 4px; bottom: -11px; } .g-tab .tab-item.curr .bot-arrow { display: block; } .g-tab.sty-2 .tab-item:first-child .bot-arrow { margin-left: -10px; } .e-tab-item, .tab-cont-item, .hot-tab-item, .c-dis-item, .hide { display: none; } .show { display: block; } .ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .tab-cont-item { padding-left: 20px; padding-bottom: 20px; } .idx-rjgx-a { width: 705px; margin-left: -21px; margin-top: -15px; float: left; } .idx-rjgx-a .a-item { width: 50%; padding: 0 5px; float: left; margin-top: 10px; line-height: 24px; box-sizing: border-box; } .idx-rjgx-a .item-label { color: #999; } .idx-rjgx-a .item-name { margin-left: 4px; margin-right: 4px; } .idx-rjgx-a .a-item .item-label+.item-name:before { content: "|"; margin-right: 8px; color: #999; } .idx-yxtj-b, .idx-rjbb-b, .idx-aztj-b, .idx-rjgx-b, .idx-zxjc-c { float: right; width: 250px; } .m-rank .rank-title { margin-top: -4px; font-size: 20px; line-height: 30px; height: 30px; margin-bottom: 4px; overflow: hidden; background-position: -237px 6px; padding-left: 30px; letter-spacing: 2px; } .m-rank .rank-item { padding-top: 16px; } .m-rank.rank-toggle .rank-item.open .g-sort-num { font-weight: normal; } .m-rank.rank-toggle .rank-item.open .item-name { color: #333; font-size: 16px; font-weight: bold; } .m-rank.rank-toggle .rank-item.open .item-name:hover { color: #09aeff; } .m-rank.rank-toggle .rank-item.open .item-info { display: block; } .m-rank .item-info { display: none; padding-top: 14px; margin-bottom: -2px; } .m-rank .g-sort-num { width: 20px; height: 20px; line-height: 20px; margin-right: 10px; margin-top: 2px; *margin-top: 0; } .m-rank .item-grade { font-size: 12px; line-height: 18px; color: #999; height: 36px; overflow: hidden; } .m-rank .g-star { vertical-align: top; margin-top: 3px; } .m-rank .item-name { display: block; width: 100%; height: 24px; line-height: 24px; font-weight: normal; *white-space: normal; } .m-rank .item-btn { width: 92px; height: 28px; line-height: 28px; text-align: center; display: inline-block; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; border: 1px solid #09aeff; color: #09aeff; position: relative; } .m-rank .item-btn:hover { color: #fff; background: #09aeff; } @-moz-document url-prefix() { .m-rank .item-info { padding-top: 12px; margin-bottom: 0; } } .m-rank-tab { font-size: 14px; font-weight: normal; } .m-rank-tab .item { float: left; margin-left: 10px; padding: 0 5px; height: 22px; line-height: 22px; text-align: center; background: #ededed; color: #666; cursor: pointer; letter-spacing: 0; } .m-rank-tab .item.cur { color: #fff; background: #09aeff; } .tab-cont-item .fix .a-item img, .rank-item .item-info img, .lineGm-list .img img { -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } .g-star { display: inline-block; vertical-align: middle; background-image: url(/SkinNew/images/sp_2.png); background-repeat: no-repeat; } .g-star.sty-2 { width: 69px; height: 12px; } .m-rank .g-star { vertical-align: top; margin-top: 3px; } .g-star.sty-2.star-3 { background-position: -28px -14px; } .h_title { line-height: 40px; font-size: 24px; border-bottom: 1px solid #09aeff; color: #09aeff; } /* .h_title span{display: block;float: left;width: 5px;margin-top: 7px;margin-right: 14px;height: 26px;background: #09aeff;} */ .h_title .more { float: right; font-size: 14px; color: #b3b3b3; } /*游戏专题*/ .game_zt, .soft_zt, .game_gl { width: 100%; margin: 10px auto 0; /* padding: 10px; */ background: #fff; } .special { width: 104%; margin-right: -15px; } .special a { float: left; margin-right: 22px; display: inline-block; width: 174px; height: 102px; overflow: hidden; position: relative; margin-top: 15px; } .special a img { display: block; width: 174px; height: 102px; } .special a .txt { cursor: pointer; display: block; position: absolute; left: 0; bottom: 0px; height: 26px; line-height: 26px; text-align: center; width: 100%; /*transition: all 0.5s ease 0s; */ background: #000; opacity: 0.7; color: #fff; filter: alpha(opacity=70); } /* 传奇游戏 */ .newgame { width: 100%; /* padding: 10px 10px 0; */ margin: 10px auto 0; overflow: hidden; zoom: 1; background: #fff; } .newgame h3 { margin-right: 10px; border-radius: 3px; vertical-align: middle; font-size: 20px; font-weight: bold; color: #323232; padding-left: 10px; border-left: 5px solid #369fff; height: 22px; line-height: 22px; float: left; } .newgame ul { overflow: hidden; padding-top: 20px; width: 105%; } .newgame ul li { float: left; padding-right: 22px; height: 108px; padding-bottom: 15px; overflow: hidden; } .newgame ul li a { width: 76px; display: block; } .newgame ul li a:hover { text-decoration: none; } .newgame ul li a img { width: 76px; height: 76px; border-radius: 20px; } .newgame ul li a div { color: #ccc; text-align: center; font-size: 11px; line-height: 20px; height: 20px; overflow: hidden; } .newgame ul li a p { color: #454545; text-align: center; font-size: 14px; line-height: 20px; height: 20px; overflow: hidden; margin-top: 8px; } .newgame ul li a em { width: 70px; height: 26px; line-height: 26px; background: #ff4546; color: #fff; border-radius: 3px; margin: 0 auto; display: block; text-align: center; margin-top: 60px; } .ggstsc { display: none !important } .ggstsc * { display: none !important } /* 首页排行榜 */ .paihang-container { display: flex; flex-wrap: wrap; margin: 5px 0px; } .paihang-container a { text-align: center; border-radius: 4px; font-size: 13px; width: 128px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding: 8px; margin: 5px 8px; background-color: rgba(245, 245, 245, 1); color: #666666; } .classics { position: relative; margin: 0 !important; margin-top: 10px !important; } .classics-icon { display: inline-block; width: 53px; height: 52px; background: url(/SkinNew/images/icon-classic.png) no-repeat left top; position: absolute; top: -5px; left: -5px; } .classics .top { padding: 10px; border-bottom: 1px solid #f5f5f5; height: 88px; } .fix { *zoom: 1; } .classics .top li { width: 80px; text-align: center; float: left; margin-right: 5px; } .classics .top li p { height: 22px; line-height: 22px; overflow: hidden; } .classics .top .pic { border: 1px solid #FFF; padding: 4px 0; margin-bottom: 5px; } .classics .top a .pic img { width: 53px; height: 53px; } .classics .top a:hover .pic { border: 1px solid #2bb866; background: #F7F7F7; } .classics .top a:hover { color: #2BB866; } .classics .bottom dl { padding: 9px 16px 9px 19px; height: 20px; line-height: 20px; overflow: hidden; } .classics .bottom dt { float: left; width: 71px; height: 20px; background-color: #89C3FF; text-align: center; color: #fff; margin-right: 5px; background-repeat: no-repeat; background-position: right center; } .classics .bottom .d1 dt {} .classics .bottom dd { color: #D9D9D9; max-height: 22px; overflow: hidden; } .classics .bottom a { padding: 0px 6px 0px 5px; } .classics .bottom .d2 { background: #FAFAFA; } .classics .bottom .d2 dt { background-color: #9BA3F6; } .classics .bottom .d3 dt { background-color: #ffa9a9; } .main-update .link { padding: 11px 0px 9px 0px; text-align: center; background: #FCFCFC; color: #B3B3B3; line-height: 22px; } .main-update .link p { height: 22px; overflow: hidden; } .main-update .link p a { font-size: 14px; color: #FE4445; } .main-update .link2 ul { height: 31px; background: url(/SkinNew/images/bg-ul.jpg) repeat-x left bottom; } .main-update .link2 li { float: left; width: 70px; margin-right: 5px; } .main-update .link2 li a { display: block; height: 29px; line-height: 29px; text-align: center; background: #FAFAFA; border: 1px solid #EEE; font-size: 13px; } .main-update .link2 li a:hover, .main-update .link2 li.hover a { height: 29px; background: #FFF; color: #16A753; border-top: 1px solid #16A753; border-bottom: 1px solid #fff; } .pg_index{ background: #f2f2f2; } #hd { background-color: #fff; } #hd .wp{ display: flex; padding: 0!important; } .hdc{ height: 80px; margin: 0!important; } .hdc h2{ display: flex; align-items: center; height: 80px; } .hdc a img { height: 50px; } #nv{ height: 80px; margin: 0!important; } #nv ul{ height: 80px; display: flex; align-items: center; } #nv li { display: flex; align-items: center; font-weight: 400; font-size: 18px; color: #333333; } #nv li a{ color: #333333; box-sizing: border-box; } #nv li .nav_on{ border-bottom: 3px solid #FF6666; } #nv li a:hover{ text-decoration: none; border-bottom: 3px solid #FF6666; } .title_img{ display: flex; justify-content: space-between; margin: 30px 0; } .title_img li{ width: 30%; height: 220px; position: relative; } .title_img li > img{ width: 100%; height: 220px; border-radius: 10px; } .title_text{ position: absolute; bottom: 0; display: flex; align-items: center; justify-content: space-between; width: 100%; background-color: rgba(0, 0, 0, 0.5); height: 65px; border-radius: 10px; } .title_text img{ width: 50px; height: 50px; margin: 0 10px; border-radius: 16px; } .name{ float: right; height: 50px; line-height: 25px; } .name p{ color: #fff; } .title_view{ width: 60px; height: 22px; background-color: rgba(0, 153, 51, 1); line-height: 22px; border: none; border-radius: 10px; box-shadow: none; color: #FFFFFF; box-sizing: border-box; font-family: '清雅黑体 常规', '清雅黑体', sans-serif; font-weight: 400; font-style: normal; font-size: 13px; text-align: center; margin-right: 10px; cursor: pointer; } .title_img a{ text-decoration: none; } .title_view a{ color: #fff; } .list{ display: flex; justify-content: space-between; } .list_item{ width: 590px; height: 220px; background-color: rgba(255, 255, 255, 1); border: none; border-radius: 10px; display: flex; align-items: center; } .list_left{ width: 95px; height: 138px; margin: 0 20px 0 30px; text-align: center; cursor: pointer; } .list_left a{ width: 95px; display: block; } .list_left a:hover { text-decoration: none; color: #14b9c8; } .list_left img{ width: 80px; height: 80px; margin-top: 14px; } .list_left p{ margin-top: 14px; text-align: center; font-size: 18px; } .list_right{ height: 220px; border-left: 2px solid #f2f2f2; } .list_right ul{ display: flex; align-items: center; height: 220px; flex-wrap: wrap; } .list_right li{ float: left; width: 120px; height: 40px; line-height: 40px; text-align: center; background: #f9f9f9; border-radius: 4px; font-size: 14px; color: #333; margin: 12px 13px; } .list_right li a{ display: block; border-radius: 4px; } .list_right a:hover { text-decoration: none; color: #fff; background: #14b9c8; } .latest_release{ font-family: "清雅黑体 常规", 清雅黑体, sans-serif; font-weight: 400; font-style: normal; color: #333333; font-size: 18px; margin: 0px 0 20px 0; } .latest_release_item{ width: 180px; height: 280px; background-color: #fff; border: none; border-radius: 10px; margin-bottom: 25px; } .latest_release_icon{ text-align: center; padding: 20px 0; } .latest_release_icon img{ width: 140px; height: 140px; } .latest_release_text{ padding: 0 20px; } .latest_release_text a{ width: 140px; overflow: hidden; display: block; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; font-weight: 700; } .latest_release_text a:hover{ text-decoration: none; color: #14b9c8; } .latest_release_dec{ font-family: '清雅黑体 常规', '清雅黑体', sans-serif; font-weight: 400; font-style: normal; font-size: 13px; margin: 5px 0; line-height: initial; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; } .latest_release_time{ font-size: 12px; color: #868686; font-family: '清雅黑体 常规', '清雅黑体', sans-serif; font-weight: 400; font-style: normal; } .wp_{ margin: 0 auto; width: 1200px; overflow: hidden; } .latest_release_{ display: flex; justify-content: space-between; flex-wrap: wrap; } .latestUpdate{ display: flex; justify-content: space-between; flex-wrap: wrap; height: 305px; overflow: hidden; } .dance{ width: 1200px; height: 303px; background: inherit; background-color: rgba(255, 255, 255, 1); border: none; border-radius: 10px; margin-bottom: 35px; } .dance_title{ font-family: "清雅黑体 常规", 清雅黑体, sans-serif; font-weight: 400; font-style: normal; font-size: 18px; } .view_more a{ font-size: 16px; color: #009933; font-family: '清雅黑体 常规', '清雅黑体', sans-serif; font-weight: 400; font-style: normal; } .dance_{ display: flex; justify-content: space-between; align-items: center; padding: 25px 15px; } .dance_item{ width: 140px; text-align: center; margin-right: 31px; } .dance_icon img{ width: 140px; height: 140px; } .dance_text{ font-family: "清雅黑体 Bold", "清雅黑体 常规", 清雅黑体, sans-serif; font-weight: 700; font-style: normal; font-size: 14px; margin-top: 15px; margin-bottom: 5px; } .dance_text a{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; } .dance_dec{ font-family: '清雅黑体 常规', '清雅黑体', sans-serif; font-weight: 400; font-style: normal; font-size: 12px; letter-spacing: normal; color: #333333; } .dance_list{ display: flex; justify-content: start; padding: 0 15px; } .cl_btm{ width: 100%; height: 186px; background-color: rgba(36, 35, 44, 1); border: none; border-radius: 0px; } .friendship_link{ font-family: "清雅黑体 Bold", "清雅黑体 常规", 清雅黑体, sans-serif; font-weight: 700; font-style: normal; color: rgb(255, 255, 255); padding: 20px 0 10px 0; } .friendship_link_item a{ font-family: '清雅黑体 常规', '清雅黑体', sans-serif; font-weight: 400; font-style: normal; font-size: 14px; color: #FFFFFF; } .friendship_list{ color: #FFFFFF; } .friendship_link_item a:hover{ color: #14b9c8; } .link_btn{ color: #fff; text-align: center; } .link_btn a{ color: #fff; } .link_btn a:hover{ color: #14b9c8; }